真正的連續滾動圖片

2019-11-21 02:31:20

字體：大中小

來源：轉載

供稿：網友

<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常用函數不錯

下一篇：打造個性化的Select(可編輯)