真正的连续滚动图片

时间：2021-05-30 08:43:42|栏目：JavaScript代码|点击：次

<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代码

下一篇：javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element

本文标题：真正的连续滚动图片

本文地址：http://www.codeinn.net/misctech/131482.html

更多JavaScript代码

JavaScript代码

真正的连续滚动图片

阅读排行

推荐教程