當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JS无缝滚动代码
<div id="demo" οnmοuseοver="clearInterval(timer)" οnmοuseοut="timer=setInterval(mar,30)" style="overflow:hidden; height:186px; width:180px;">
<div id="demo1">
? ? ?000FDF0SD0FS0DF0
</div>
<div id="demo2"></div>
</div>
<script>?
var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;
t2.innerHTML=t1.innerHTML;
function mar(){
if(t2.offsetTop<=t.scrollTop)
t.scrollTop-=t1.offsetHeight;
else
t.scrollTop++;
}
timer=setInterval(mar,30);
function getid(id){
return document.getElementById(id);
}
</script>
<div id="demo1">
? ? ?000FDF0SD0FS0DF0
</div>
<div id="demo2"></div>
</div>
<script>?
var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;
t2.innerHTML=t1.innerHTML;
function mar(){
if(t2.offsetTop<=t.scrollTop)
t.scrollTop-=t1.offsetHeight;
else
t.scrollTop++;
}
timer=setInterval(mar,30);
function getid(id){
return document.getElementById(id);
}
</script>
轉載于:https://www.cnblogs.com/h2-database/archive/2012/04/27/2583446.html
總結
- 上一篇: Android学习笔记2---多界面切换
- 下一篇: 定时执行程序-Quartz简单实例