一行图片左右来回滚动的效果用javascript怎么写

Question

在asp.net里面写图片左右来回滚动的效果,用marquee的话提示已经过时了,是不是应该用javascript来写啊?如果是的话应该怎么写?谁能告诉我.....

Answer 1

div id="demo0" style="OVERFLOW: hidden; margin-top:2px; WIDTH:510Px; HEIGHT: 125px" align="center"> <!--滚动区的高度和宽度--> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff" border="0" cellspace="0"> <tbody> <tr> <td id="demo11" valign="middle"><table cellspacing="0" cellpadding="2" width="100%" align="center" bgcolor="#ffffff" border="0"> <tbody> <tr valign="top"> </tr> <tr valign="middle"> <td align="middle" class="tex2"><a href="yjxxy.asp" ><img src="images/pi_32.gif" border="0" width="119" height="91" /></a></td> <td align="middle"class="tex2"></td> <td align="middle"class="tex2"><a href="yjxxy.asp" ><img src="images/pi_32.gif" border="0" width="119" height="91" /></a></td> <td align="middle"class="tex2"></td> <td align="middle"class="tex2"><a href="yjxxy.asp" ><img src="images/pi_32.gif" border="0" width="119" height="91" /></a></td> <td align="middle"class="tex2"></td> <td align="middle"class="tex2"><a href="yjxxy.asp" ><img src="images/pi_32.gif" border="0" width="119" height="91" /></a></td> <td align="middle"class="tex2"></td> <td align="middle"class="tex2"><a href="yjxxy.asp" ><img src="images/pi_32.gif" border="0" width="119" height="91" /></a></td> <td align="middle"class="tex2"></td> <td align="middle"class="tex2"><a href="yjxxy.asp" ><img src="images/pi_32.gif" border="0" width="119" height="91" /></a></td> <td align="middle"class="tex2"></td> </tr> <tr valign="middle"> <td align="center">欢迎光临怡女子博客空间</td> <td align="center"></td> <td align="center">欢迎光临怡女子博客空间</td> <td align="center"></td> <td align="center">欢迎光临怡女子博客空间</td> <td align="center"></td> <td align="center">欢迎光临怡女子博客空间</td> <td align="center"></td> <td align="center">欢迎光临怡女子博客空间</td> <td align="center"></td> <td align="center">欢迎光临怡女子博客空间</td> <td align="middle"></td> </tr> </tbody> </table></td> <td id="demo15" valign="top" ></td> </tr> </tbody> </table> </div> <script> var Picspeed=32 demo15.innerHTML=demo11.innerHTML function Marquee1(){ if(demo15.offsetWidth-demo0.scrollLeft<=0) demo0.scrollLeft-=demo11.offsetWidth else{ demo0.scrollLeft++ } } var MyMar1=setInterval(Marquee1,Picspeed) demo0.onmouseover=function() {clearInterval(MyMar1)} demo0.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)} </script> </div>

满意请采纳