littleQ

终于明白曾经他们失落的目光,当年的你们是否一样;间有懈怠或有颓放,难知多久方能补上;今起,不再彷徨!

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  33 Posts :: 0 Stories :: 60 Comments :: 0 Trackbacks
用JS实现div的自动滚动。代码如下:
 1<div id="show" style="overflow:hidden;height:210px;">   
 2</div>
   
 3<script>
   
 4function startmarquee(lh,speed,delay)
{    
 5    var
 t;    
 6    var oHeight = 210/** div的高度 **/
  
 7    var p=false
;   
 8    var o=document.getElementById("show"
);    
 9    var preTop = 0
;   
10    o.scrollTop = 0
;    
11    function start()
{    
12        t=
setInterval(scrolling,speed);    
13        o.scrollTop += 1
;    
14    }
    
15    function scrolling()
{    
16        if(o.scrollTop%lh!=0 && o.scrollTop%(o.scrollHeight-oHeight-1)!=0)
{   
17            preTop =
 o.scrollTop;   
18            o.scrollTop+=1
;   
19            if(preTop >= o.scrollHeight || preTop==o.scrollTop)
{   
20                o.scrollTop = 0
;   
21            }
   
22        }
else{   
23
            clearInterval(t);    
24
            setTimeout(start,delay);    
25        }
   
26    }
    
27
    setTimeout(start,delay);    
28}
    
29startmarquee(20,20,1500
);    
30/**startmarquee(一次滚动高度,速度,停留时间);**/
    
31</script>
  
32

推荐一本学习javascript的经典好书:深入浅出JavaScript(图灵计算机科学丛书)
posted on 2008-10-07 13:45 littleQ 阅读(8291) 评论(5)  编辑  收藏 所属分类: java

Feedback

# re: JS实现div自动滚动 2008-10-08 09:19
怎么个滚动法?我复制下去怎么不灵啊  回复  更多评论
  

# re: JS实现div自动滚动[未登录] 2008-10-08 10:11 littleq
@猪
你div里面要有内容,并保证高度超过210px就可以了。
插一个table进去试试,20行  回复  更多评论
  

# re: JS实现div自动滚动 2008-10-08 12:30
看到了,哈哈,收藏了,没准啥时候用到  回复  更多评论
  

# re: JS实现div自动滚动 2008-10-08 21:02 aisdf
网上有个通用滚动类的..楼主可以去下来用下...
上下左右都好滚  回复  更多评论
  

# re: JS实现div自动滚动 2012-08-06 14:40 boey
不能循环!  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: