Js 图片滚动的实现方法
发布时间:2015-01-08 编辑:jiaochengji.com
本例主要是通过简单的js代码实现图片轮番滚动的效果,代码简易,有需要的童鞋参考下:
分享一段js代码,实现图片滚动。 如下:
<!--图片滚动代码开始--> <div id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 510px; COLOR: #ffffff; HEIGHT: 110px"> <table cellPadding=0 align=center border=0 cellspace="0"> <tr> <td id=demo1 vAlign=top> <!--您的图片或者要滚动的内容--> </td> <td id=demo2 vAlign=top> </td> </tr> </table> <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> </div> <!--图片滚动代码结束-->
您可能感兴趣的文章:
Js 图片滚动的实现方法
Javascript实现图片上下左右滚动的代码
基于jQuery图片平滑连续滚动插件
jQuery 列表自动循环滚动鼠标悬停时停止滚动的实现代码(图文)
javascript 文字图片上下滚动的示例代码
js实现不间断滚动图片的代码
使用jquery插件实现图片延迟加载技术详细说明
JS图片滚动的实例代码 js实现图片的无缝、平滑滚动
jQuery实现列表自动循环滚动鼠标悬停时停止滚动
JS滚轮事件onmousewheel的用法
[关闭]