教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 Js 图片滚动的实现方法

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的用法

[关闭]
~ ~