js 实现文字无缝滚动(图片无缝滚动) 兼容各种浏览器
2013-11-11 14:10
639 查看
注* :如果发现不能滚动、demo1 的宽度要大于demo 的宽度
[/code]
<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]
相关文章推荐
- js 实现文字无缝滚动(图片无缝滚动) 兼容各种浏览器
- 利用jQuery无缝滚动插件liMarquee实现图片(链接)和文字(链接)向右无缝滚动(兼容ie7+)
- js无缝图片滚动代码,利用强大的JQUERY,兼容IE、火狐等主流浏览器
- 兼容各种浏览器的文字循环无缝滚动效果
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- 用js实现的图片在浏览器里面来回滚动效果 <兼容ie和ff>
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- js实现的单行文本不间断无缝滚动效果(荧光屏文字 滚动效果)
- JS实现div内部的文字或图片自动循环滚动代码
- 10行原生JS实现文字无缝滚动
- 原生JS实现图片无缝滚动方法(附带封装的运动框架)
- js实现鼠标悬停图片上时滚动文字说明的方法
- js-实现文字无缝滚动(停顿+缓动)
- js实现图片的无缝滚动
- JS让图片无缝滚动的实现(JS代码讲解,非直拷型内容)
- js实现图片无缝滚动特效
- js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 兼容IE/FF/Chrome
- div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox