| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 764 人关注过本帖
标题:纵向滚动新闻滚动一段时间后停止了?
取消只看楼主 加入收藏
cssart
Rank: 1
等 级:新手上路
帖 子:47
专家分:5
注 册:2008-10-11
结帖率:41.67%
收藏
已结贴  问题点数:10 回复次数:0 
纵向滚动新闻滚动一段时间后停止了?
各位好!

请看下面的代码,单独保存为一个文件时测试正常,但是加在我的页面中就有了问题,滚动一段时间后自动停止了,请帮帮我:

<script type="text/javascript">
window.onload = function(){
    var speed=40; //数字越大速度越慢
    var tab=document.getElementById("demo");
    var tab1=document.getElementById("demo1");
    var tab2=document.getElementById("demo2");
    tab2.innerHTML=tab1.innerHTML; //克隆demo1为demo2
    function Marquee(){
    if(tab2.offsetTop-tab.scrollTop<=0)//当滚动至demo1与demo2交界时
    tab.scrollTop-=tab1.offsetHeight //demo跳到最顶端
    else{
    tab.scrollTop++
    }
    }
    var MyMar=setInterval(Marquee,speed);
    tab.onmouseover=function() {clearInterval(MyMar)};//鼠标移上时清除定时器达到滚动停止的目的
    tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};//鼠标移开时重设定时器
}
</script>

<div id="demo">
<div id="demo1">
<ul>
<li><a href="">新闻标题</a></li>                              
</ul>
</div>
<div id="demo2"></div>
</div>
搜索更多相关主题的帖子: 滚动 时间 
2010-08-05 11:13
快速回复:纵向滚动新闻滚动一段时间后停止了?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.011443 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved