您的位置:首页 > Web前端 > JavaScript

js 实现文字无缝滚动(图片无缝滚动) 兼容各种浏览器

2013-11-11 14:10 639 查看
注* :如果发现不能滚动、demo1 的宽度要大于demo 的宽度

<div id=demo style="overflow:hidden;height:100px;width:300px;">

<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1  valign=top>
<a href="#">asdfghnjmasfgbhjxfgbhjsdfgh</a>   <a href="#">1234567876543245675432456</a>   <a href="#">asdfghnjmasfgbhjxfgbhjsdfgh</a>  <a href="#">1234567876543245675432456</a>
</td>
<td id=demo2 valign=top></td>
</tr>
</table>

</div>
<script>
var speed=30;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth;
else{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>


[/code]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐