一张页面上两个滚动效果,其中一个不行了?

问题描述

一张网页上,以前放了个图片上下滚动的效果。今天又添加了一个文字滚动的效果,结果发现的下面的那个图片滚动效果不行了。本人不懂JS,只要求教了文字滚动:<!--滚动广告end---><pid="googleRS"><ahref="http://mark.sina.com.cn/v2/hot.php?keyword=公务员&hwfrom=www.sina.com.cn&tag=1&url=http://www.google.cn/search?client=aff-sina&ie=gb&oe=utf8&hl=zh-CN&channel=hotlink&q=公务员"target="_blank"></a><br/><ahref="http://mark.sina.com.cn/v2/hot.php?keyword=阿根廷乌拉圭&hwfrom=www.sina.com.cn&tag=1&url=http://www.google.cn/search?client=aff-sina&ie=gb&oe=utf8&hl=zh-CN&channel=hotlink&q=阿根廷乌拉圭"target="_blank">阿根廷出线</a><br/><ahref="http://mark.sina.com.cn/v2/hot.php?keyword=臧天朔翻供&hwfrom=www.sina.com.cn&tag=1&url=http://www.google.cn/search?client=aff-sina&ie=gb&oe=utf8&hl=zh-CN&channel=hotlink&q=臧天朔翻供"target="_blank">臧天朔翻供</a><br/></p><scripttype="text/javascript"><!--(function(){varpthis=this;this.$=function(a){if(document.getElementById){returneval('document.getElementById("'+a+'")')}else{if(document.layers){returneval("document.layers['"+a+"']")}else{returneval("document.all."+a)}}};this.SinaDotMarquee=function(id,h,s,d){varapthis=this;vart;varp=false;varo=pthis.$(id);o.style.overflow="hidden";o.style.height=h+"px";o.style.lineHeight=h+"px";o.innerHTML+=o.innerHTML;o.onmouseover=function(){p=true};o.onmouseout=function(){p=false};o.scrollTop=0;this.doScroll=function(){t=setInterval(apthis.scrolling,s);if(!p){o.scrollTop+=2}};this.scrolling=function(){if(o.scrollTop%h!=0){o.scrollTop+=2;if(o.scrollTop>=o.scrollHeight/2){o.scrollTop=0}}else{clearInterval(t);setTimeout(apthis.doScroll,d)}};setTimeout(apthis.doScroll,d)};try{varSinaDotMarquee01=newSinaDotMarquee("googleRS",18,50,5000)}catch(e){}})();//--></script><!--滚动广告end--->图片滚动:SCRIPTtype=text/javascript>functionAutoScroll(obj){$(obj).find("ul:first").animate({marginTop:"-152px"},1000,function(){$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);});}$(document).ready(function(){setInterval('AutoScroll("#scrollDiv")',3000)});</SCRIPT><DIVid=scrollDiv><UL>图片内容</UL></DIV>打开页面提示:null为空,或者不是对象出现行为上面红色标记部分!求助

解决方案

解决方案二:
我正在解决这个问题。你可以用两个js文件,存放两个滚动图层的js方法这样就不会起冲突了

时间: 2024-09-18 05:52:42

一张页面上两个滚动效果,其中一个不行了?的相关文章

jquery滚动组件(vticker.js)实现页面动态数据的滚动效果

本文为大家想你想介绍下jquery实现页面动态数据的滚动效果.似乎只有通过div-ul-li标签嵌套的方式才能实现表格多行多列的滚动效果   复制代码 代码如下: <script language="javascript" src="lirms/Test/jquery-1.4.2.js"></script> <script language="javascript" src="lirms/Test/vtic

JS实现部分HTML固定页面顶部随屏滚动效果_javascript技巧

本文实例讲述了JS实现部分HTML固定页面顶部随屏滚动效果.分享给大家供大家参考,具体如下: 我们经常在淘宝网看到这样的特效,商品列表特别长,而商品列名称始终保持在最顶端.如果你把滚动条滚动至最上边了,那么它会自动判断是否到顶端了,然后一直置顶从而不怕遮挡. 这种特效是通过JavaScript和CSS实现的,在实际开发中有不少用途,下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码,兼容性不错,在IE.Firefox.Chrome下都能正常工作. 使用这个特效代码需要注意,如

CSS制作的页面背景固定和滚动效果

如何创建一个不需要Javascript而仅仅只需CSS的background-attachment属性就能实现页面背景固定和滚动效果.我们看到现在有很多的网站项目使用了视差效果,通过图片和背景的动态变化以及js脚本来产生视差,而今天我们只需要CSS即可. HTML结构很简单,一个class为.cd-fixed-bg的div元素用于放置固定背景图,一个class为.cd-scrolling-bg的div元素用于滚动的部分.我们可以放置多个.cd-fixed-bg和.cd-scrolling-bg编

显示数字-我想用JS实现在网站页面上没隔一定时间显示一个7位数 并且有且只有一个7位数在页面上

问题描述 我想用JS实现在网站页面上没隔一定时间显示一个7位数 并且有且只有一个7位数在页面上 RT 我现在遇到的问题是 每隔一段时间显示一个7位数 没问题 现在的问题是 之前出现过的数不消失这个怎么办? 解决方案 看你的代码 如果你写 getelementbyid("div").value += 数字,就是连续输出 getelementbyid("div").value = 数字 就是只有当前值 解决方案二: 不要使用append(jquery)或者innerHT

jquery 页面侧边栏跟随屏幕滚动效果

功能描述 首先, 我认为该功能不应该出现在 IE6 中, 因为 IE6 不支持原生的 position:fixed 来固定元素位置, 如果我们使用类似回到顶部按钮淡入淡出或者滑动的跟随, 因为跟随区块较大, 这将会令用户感到不适. 当页面滚动条在跟随区域下方, 那么跟随区域变为浮动, 跟随页面滚动; 如果滚动条回到元素上方, 跟随区域回到原来的位置上. 现在就可以滚动看看本博客侧边栏的效果. 参数描述 •element: 跟随区域的节点对象. •prevElement: 上方的节点对象. (已经

让页面上两个div中的滚动条(滑块)同步运动示例_jquery

使用JQuery添加如下代码 复制代码 代码如下: $('#sourceDiv').scroll( function() { $('#targetDiv').scrollTop($(this).scrollTop()); $('#targetDiv').scrollLeft($(this).scrollLeft()); }); $('#targetDiv').scroll( function() { $('#sourceDiv').scrollTop($(this).scrollTop());

我想在页面上点击按钮时打开一个输入用户名/密码的窗体

问题描述 如题,由于ID是多人共享,所以需要使用用户名和密码的方式进入数据库,在起始页面上创建了一个按钮,希望点击按钮的时候能弹出输入用户名,密码等登录信息的窗口,如何实现?是否只能使用@prompt来一个框一个窗体?子表单可以在没有宿主表单的情况下打开么?这个窗口主要就是收集用户输入,不需要保存其中信息.谢谢各位了! 解决方案 解决方案二:可以用notesuiworkspace类下的DialogBox方法解决方案三:或者自己百度登录弹出框.

js 获取鼠标在页面上的位置实例与返回顶部代码

**  * 获取鼠标在页面上的位置  * @param ev  触发的事件  * @return   x:鼠标在页面上的横向位置, y:鼠标在页面上的纵向位置  */ function getmousepoint(ev) {  // 定义鼠标在视窗中的位置  var point = {   x:0,   y:0  };    // 如果浏览器支持 pageyoffset, 通过 pagexoffset 和 pageyoffset 获取页面和视窗之间的距离  if(typeof window.pa

《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.2 技巧:用单个HTML文件服务多张页面

9.2 技巧:用单个HTML文件服务多张页面 可以在单个HTML文件中添加多张页面.这样的话,就不需要发送新的请求到服务器,所以接口就更具响应性了.除此之外,离线时仍旧可以导航页面.代码清单9-2演示了如何链接至第二张页面. 对于页面数量有限的情况,这会工作得很不错.然而,有时内存消耗会成为问题(取决于目标设备的规格).稍后会讨论链接至外部页面. 代码清单9-2 导航到第二张页面 00 <!DOCTYPE html> 01 <html> 02 <head> 03 <