用DIV 来代替JAVASCRIPT以实现无间隔新闻滚动的效果

<< Javascript 滚动新法 | javascript中取得下拉框的值太麻烦（下拉框联动） >>

发布日期：25/11/2007 03:50:30 发布者：[快乐开发网] 来源：[本站] 浏览：[] 评论：[]

字体：大中小

代码如下：
<html>
<head
<title>New Page 2</title>
</head>

<body>

<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop = demo.scrollTop +3 //3表示一次移动的象素
}
setInterval(qswhMarquee,1000)//1000 表示滚动的时间
</script></body>

</html>

<body>

<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop = demo.scrollTop +3 //3表示一次移动的象素
}
setInterval(qswhMarquee,1000)//1000 表示滚动的时间
</script></body>

</html>

【打印】【收藏】【推荐】

·暂无