图片向左不间断滚动
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <body> <div id=marqueex style="overflow:hidden; width:945px; height:52px;white-space:nowrap;"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td id=marqueex1 style="white-space:nowrap;"> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/yaode.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/qtrjczh.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/gucang.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/bmfd.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/guangming.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/liangan.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/klk.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/old.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/yangyang.gif" width=150 border=0> <IMG height=50 hspace=1 sr="http://www.popub.net/script/images/hanch.gif" width=150 border=0> </td> <td id=marqueex2 style="white-space:nowrap;"> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/yaode.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/qtrjczh.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/gucang.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/bmfd.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/guangming.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/liangan.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/klk.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/old.gif" width=150 border=0> <IMG height=50 hspace=1 src="http://www.popub.net/script/images/yangyang.gif" width=150 border=0> <IMG height=50 hspace=1 sr="http://www.popub.net/script/images/hanch.gif" width=150 border=0> </td> </tr> </table> </div> <script> var speed=20 marqueex2.innerHTML=marqueex1.innerHTML function Marquee(){ if(marqueex2.offsetWidth-marqueex.scrollLeft<=0) marqueex.scrollLeft-=marqueex1.offsetWidth else{ marqueex.scrollLeft++ } } var MyMar=setInterval(Marquee,speed) marqueex.onmouseover=function() {clearInterval(MyMar)} marqueex.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> </body> </html>
