用DIV 来代替JAVASCRIPT以实现无间隔新闻滚动的效果
2005-01-21 11:53
766 查看
代码如下:
<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>
<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>
相关文章推荐
- 用javascript实现代替marquee的滚动字幕效果代码
- javascript 实现新闻咨询图片滚动效果
- DIV+javascript实现首尾相连循环滚动效果
- 用DIV+javascript实现首尾相连循环滚动效果(兼容firefox)
- 用javascript实现代替marquee的滚动字幕效果代码
- 使用JavaScript实现新闻滚动效果
- 利用JavaScript实现新闻滚动效果(实例代码)
- 利用JavaScript实现新闻滚动效果(实例代码)
- 用DIV+javascript实现首尾相连循环滚动效果(兼容firefox)
- 【JAVASCRIPT】jquery实现新闻滚动效果
- 用DIV+javascript实现首尾相连循环滚动效果(兼容firefox)
- 使用JavaScript实现新闻滚动效果
- Javascript实现浏览器标题栏文字滚动效果
- javascript 实现滚动效果 整理
- JavaScript实现走马灯效果[无缝连接、循环滚动] 向左
- 分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
- 2012.12.8一个符合w3c标准的可以代替marquee标签实现翻滚效果的javascript脚本
- js新闻滚动 js如何实现新闻滚动效果
- JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
- JavaScript实现滚动栏效果的方法