真正的连续滚动图片

更新时间：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需再刷新一下页面才能执行]

真正的连续滚动图片

js 加载时自动调整图片大小
又一个javascript自动调整图片大小的脚本
2008-05-05
在图片上单击获取图片原始大小
在图片上单击鼠标，获取图片的原始尺寸大小，变通一下我们可以实现让图片随网页的大小而自动适应，我们可以判断如果图片超出规定大小，则强制压缩图片，运行一下看效果吧。
2009-10-10
img的onload的另类用法
2008-01-01
javascript 随意拖动的小方块特效
可以拖动的小方块代码
2008-11-11
jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox
jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox...
2007-03-03
图片自动播放也可通过按钮控制显示
图片自动播放也可通过按钮控制显示...
2007-02-02
最简单的js图片切换效果实现代码
最简单的js图片切换效果实现代码，需要的朋友可以参考下。
2011-09-09
多图幻灯Wipe擦洗效果
多图幻灯Wipe擦洗效果...
2006-12-12
用javascript实现给图片加链接
2007-08-08
用JavaScript显示随机图像或引用
本文会教你如何用简单的JavaScript 创建所有可能条目的数组，然后随机选择你需要加入网页中的图像或引用。
2009-04-04

真正的连续滚动图片

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具