<％@ページ言語= "java" import = "java.util。*" pageencoding = "utf-8"％> <！doctype html public " - // w3c // dtd xhtml 1.0 transitional // en en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <hhtml xmlns =" http://www.w3.org/1999/xhtml " charset = gb2312 "/> <title>图片滚动</title> </head> <body> <style type =" text/css "> <！ - ＃demo {background：#fff; hiddin：hidden; border：1px dashed＃ccc; width：1000px;} 800％;}＃demo1 {float：left;}＃demo2 {float：left;} - > </style> <div id = "demo"> <div id = "indemo"> <div id = "demo1"> <a href = "＃"> <img src = "画像/ src = "images/小美景2.jpg"/> </a> <a href = "＃"> <img src = "images/小美景3.jpg"/> </a> <a href = "＃"> <img src = "images/小美景4.jpg"/>> </a> <a href = " /> </a> <a href = "＃"> <img src = "images/小美女2.jpg"/> </a> </div> <div div = "demo2"> </div> </div> </div> <sprive> var tab = document.getelementbyid（ "demo"）; var tab1 = documentbyid "）; var tab2 = document.getElementById（ "demo2"）; tab2.innerhtml = tab1.innerhtml; function marquee（）{if（tab2.offsetwidth-tab.scrollleft <= 0）tab.scrollleft- = tab1.offsetwidthelse {tab.scrollleft ++;} var mymar = setinterval（marquee、speed）; tab.onmouseover = function（）{clearinterval（mymar）}; tab.onmouseout = function（）{mymar = setinterval（marquee、speed）}; </scrip> </body> </html>
