作家
登录

js数据向上翻滚_数据滚动

作者: 来源:www.28hudong.com 2013-03-30 02:54:36 阅读 我要评论

复制代码 代码如下:<script type="text/javascript"> var scrollDelay=10;//数字越大速度越慢 var Scroll=document.getElementById("scroll"); var Scroll2=document.getElementById("scroll2"); var currentTop=0,preTop=0,stoptime=0,stopscroll=false; var ScrollChild=Scroll.getElementsByTagName("li"); var ScrollHeight=Scroll.offsetHeight; function ScrollInfo(){ if(stopscroll==true) return; currentTop++; if(currentTop+1>=ScrollHeight){ currentTop--; stoptime++; if(stoptime==parseInt(ScrollHeight)*scrollDelay) { currentTop=0; stoptime=0; } }else{ preTop=Scroll.scrollTop; Scroll.scrollTop++; if(preTop==Scroll.scrollTop){ Scroll.scrollTop=Scroll2.offsetHeight-ScrollHeight; Scroll.scrollTop+=1; } } } function Int_Scroll(){ Scroll2.innerHTML=""; Scroll2.innerHTML=Scroll.innerHTML; Scroll.innerHTML=Scroll2.innerHTML+Scroll2.innerHTML; Scroll.onmouseover=function(){ stopscroll=true; } Scroll.onmouseout=function(){ stopscroll=false; } setInterval("ScrollInfo()",scrollDelay); } window.setTimeout("Int_Scroll()",1000); </script> Untitled .kefuchu{ width:109px;} .SS_dh1{background:url(../images/SSindex/SS_dh1.jpg) no-repeat; height:51px; width:84px; float:left} .SS_dh2{background:url(../images/SSindex/SS_dh2.jpg) no-repeat; height:51px; width:25px; float:left; display:block} .SS_dh3{background:url(../images/SSindex/SS_dh3.jpg) repeat-y; width:109px; } .SS_dh4{background:url(../images/SSindex/SS_dh4.jpg) no-repeat; height:17px; width:109px; } .SS_dh5{background:url(../images/SSindex/SS_dh5.jpg) no-repeat; height:23px; width:74px; margin-left:20px;} #scroll li{float:left;width:150px;} #scroll2{display:none;} 脚本之家 jb51.net 看书了 kanshule.com 好好学习 发生大幅6 发生大幅7 发生大幅8 发生大幅9 发生大幅10 发生大幅11 发生大幅12 发生大幅13 发生大幅14 发生大幅15 发生大幅16 发生大幅17 发生大幅18 发生大幅19 发生大幅20 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  初学JavaScript第二章

JavaScript的对象都是实例化了的,只可以使用而不能够创建继承于这些对象的新的子类. window对象为所有对象的Parent window对象的主要属性有:Name,Length,Parent,Self,Top,Status,Default Status,Opener,Closed. wi>>>详细阅读


本文标题:js数据向上翻滚_数据滚动

地址:http://www.17bianji.com/kaifa2/JS/29344.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)