<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片滚动播放</title> </head> <body> <div id=demo style="overflow:hidden;width:500px;border:2px solid #e0e0e0;padding:2px;" > <div id="demo1" style="white-space:nowrap;padding:0;"> <a href="javascript:alert('发表新贴');"><img src="images/temp.jpg" border=0></a> <a href="javascript:alert('发表回复');"><img src="images/temp1.jpg" border=0></a> <a href="javascript:alert('发表新贴');"><img src="images/temp2.jpg" border=0></a> </div> </div> <!--滚动的javascript--> <script> var demo=document.getElementById('demo'); var demo1=document.getElementById('demo1'); var t=demo.scrollWidth; demo1.innerHTML+=demo1.innerHTML; function doMarquee(){ demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth; } function doScroll() { sc=setInterval(doMarquee,20); } function stopScroll(){ clearInterval(sc); } doScroll(); </script> </body> </html>
转载于:https://www.cnblogs.com/positive/p/3652234.html