管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

真正的连续滚动图片

　　

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3DJavaScript%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0Afunction%20marquee1()%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%7B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20document.write(%22%3Cdiv%20style%3D'width%3A100%25%3Boverflow%3Ahidden%3B'%20id%3Dmarquee%20onmouseover%3DclearInterval(repeat)%20%20onmouseout%3Drepeat%3DsetInterval(scrollMarquee%2C1)%3E%22)%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%7D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0Afunction%20marquee2()%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%7B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20document.write(%22%3C%2Fdiv%3E%22)%20%20%20%20%0D%0A%20%20marquee.childNodes%5B0%5D.align%3D'left'%3B%20%0D%0A%20%20%0D%0A%20%20if(marquee.childNodes%5B0%5D.offsetWidth%3Emarquee.offsetWidth)%20%7B%20%0D%0A%20%20%20marquee.appendChild(marquee.childNodes%5B0%5D.cloneNode(true))%3B%20%0D%0A%20%20%20%7D%20%0D%0A%20%20else%20%7B%20%0D%0A%20%20%20for(var%20i%3D0%3Bi%3CMath.round(marquee.offsetWidth%2Fmarquee.childNodes%5B0%5D.offsetWidth)%2B1%3Bi%2B%2B)%20%7B%20%0D%0A%20%20%20%20marquee.appendChild(marquee.childNodes%5B0%5D.cloneNode(true))%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%7D%20%0D%0A%20%20repeat%3DsetInterval(scrollMarquee%2C1)%3B%20%0D%0A%7D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0Afunction%20scrollMarquee()%20%7B%20%0D%0A%20if(marquee.scrollLeft%3Cmarquee.childNodes%5B0%5D.offsetWidth)%20%0D%0A%20%20marquee.scrollLeft%2B%2B%3B%20%0D%0A%20else%20%20%0D%0A%20%20marquee.scrollLeft%3D0%3B%20%0D%0A%20%20%7D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%3C%2FSCRIPT%3E">

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3DJavaScript%3Emarquee1()%3B%3C%2FSCRIPT%3E"> 
<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" _ewebeditor_ta_src="http%3A%2F%2Fwww.51sql.com%2Farticleimg%2Fgundong1.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" _ewebeditor_ta_src="http%3A%2F%2Fwww.51sql.com%2Farticleimg%2Fgundong2.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" _ewebeditor_ta_src="http%3A%2F%2Fwww.51sql.com%2Farticleimg%2Fgundong3.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" _ewebeditor_ta_src="http%3A%2F%2Fwww.51sql.com%2Farticleimg%2Fgundong4.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" _ewebeditor_ta_src="http%3A%2F%2Fwww.51sql.com%2Farticleimg%2Fgundong4.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" _ewebeditor_ta_src="http%3A%2F%2Fwww.51sql.com%2Farticleimg%2Fgundong3.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" _ewebeditor_ta_src="http%3A%2F%2Fwww.51sql.com%2Farticleimg%2Fgundong2.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" _ewebeditor_ta_src="http%3A%2F%2Fwww.51sql.com%2Farticleimg%2Fgundong1.jpg"  alt="图片1" ></a></td>

</tr> 
</table> 
            <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20language%3DJavaScript%3Emarquee2()%3B%20%3C%2FSCRIPT%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程