真正的连续滚动图片

更新时间：2006年09月08日 00:00:00 作者：

<SCRIPT language=JavaScript>                       function marquee1()                       {                         document.write("<div style='width:100%;overflow:hidden;' id=marquee onmouseover=clearInterval(repeat)  onmouseout=repeat=setInterval(scrollMarquee,1)>")                       }                       function marquee2()                       {                   document.write("</div>")      marquee.childNodes[0].align='left';     if(marquee.childNodes[0].offsetWidth>marquee.offsetWidth) {    marquee.appendChild(marquee.childNodes[0].cloneNode(true));    }   else {    for(var i=0;i<Math.round(marquee.offsetWidth/marquee.childNodes[0].offsetWidth)+1;i++) {     marquee.appendChild(marquee.childNodes[0].cloneNode(true));     }    }   repeat=setInterval(scrollMarquee,1); }                       function scrollMarquee() {  if(marquee.scrollLeft<marquee.childNodes[0].offsetWidth)   marquee.scrollLeft++;  else    marquee.scrollLeft=0;   }                   </SCRIPT>             <SCRIPT language=JavaScript>marquee1();</SCRIPT> <table width="300" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href=/picture/00000133.asp  target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong1.jpg"  alt="图片8" ></a></td> <td><a href=/picture/00000132.asp  target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong2.jpg"  alt="图片7" ></a></td> <td><a href=/picture/00000131.asp  target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong3.jpg"  alt="图片6" ></a></td> <td><a href=/picture/00000130.asp  target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong4.gif"  alt="图片5" ></a></td> <td><a href=/picture/00000129.asp  target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong4.gif"  alt="图片4" ></a></td> <td><a href=/picture/00000128.asp  target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong3.jpg"  alt="图片3" ></a></td> <td><a href=/picture/00000127.asp  target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong2.jpg"  alt="图片2" ></a></td> <td><a href=/picture/00000126.asp  target=_blank ><img border=0 height=67 src="http://www.51sql.com/articleimg/gundong1.jpg"  alt="图片1" ></a></td> </tr> </table>             <SCRIPT language=JavaScript>marquee2(); </SCRIPT>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

真正的连续滚动图片

img的onload的另类用法
2008-01-01
纯CSS实现的漂亮的立体图片边框效果，阴影代码
纯CSS 漂亮的立体图片边框效果，图片阴影代码，个人觉得这个挺实用，CSs实现的，定义成类，可让你整个网页上的图片都是有立体阴影的，不错吧，感谢作者分享。
2010-10-10
js鼠标移动在title中显示图片的效果代码
当鼠标移动时，在title提示框中，显示出设定的图片。
2009-11-11
JavaScript 类似flash效果的立体图片浏览器
这是一款比较有立体感的图片浏览器，通过图层定位技术z-index让浏览器正在查看的图片突显出来，并让两边的图片呈现半透明状态。很个性化哦！
2010-02-02
新页面打开实际尺寸的图片
新页面打开实际尺寸的图片...
2006-08-08
一个javascript图片阅览组件
这阵子琢磨着做一个可扩展的“相册”，其实就是一个JS做的用来展示图片的组件。不过何为可扩展呢？
2010-11-11
电子商务网站上的常用的js放大镜效果
电子商务网站经常用到简单模仿一下,需要的朋友可以参考下。
2011-12-12
图片自动播放也可通过按钮控制显示
图片自动播放也可通过按钮控制显示...
2007-02-02
JS旋转图片阵类
非常漂亮的旋转图片陈效果代码，已封装成类，方便调用
2008-09-09
图片友情链接滚动横向,带控制按钮
超不错的图片友情链接滚动特效,横向排列,带控制按钮,这里已经将横向锁定,不能将其修改为竖向的,否则会出错,专一用于横排的图片滚动,也可以不用作友情链接,产品滚动当然也可以哦.
2009-10-10

真正的连续滚动图片

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具