<% @ Page Language = "Java" Import = "Java.util. *" Pageencoding = "UTF-8"%> <! 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 "> <read> <méta http-equiv =" Contenu-TYPE "Content =" Text / htt; Charset = GB2312 "/> <Title> 图片滚动 </Title> </ Head> <Body> <Style Type =" Text / CSS "> <! - # Demo {Background: #fff; Overflow: Hidden; Border: 1px Dashed #ccc; Width: 1000px;} # # Demo IMG {Border: 10px solide # f2f 800%;} # Demo1 {float: Left;} # Demo2 {float: Left;} -> </ style> <div id = "Demo"> <div id = "indemo"> <div id = "Demo1"> <a href = "#"> <img src = "images / 小美景 1.jpg" /> </a> <a href = "#> <img" src = "images / 小美景 2.jpg" /> </a> <a href = "#"> <img src = "images / 小美景 3.jpg" /> </a> <a href = "#"> <img src = "images / 小美景 4.jpg" /> </a> <a href = "#"> <img src = "images / 小美女 4.jpg" /> </a> <a href = "#"> <img src = "images / 小美女 2.jpg" /> </a> </div> <div id = "Demo2"> </div> </div> </div> <script> var speed = 50; var tab = document.getElementyid ("demo"); var tab1 = document.getetelementyid ("Deemo1"); var "); tab2 = document.getElementById ("Demo2"); tab2.InnerHtml = tab1.InnerHtml; fonction Marquee () {if (tab2offsetwidth-tab.scrollleft <= 0) tab.scrollleft- = tab1.offsetwidthelse {tab.scrollleft ++;}} var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var var MyMar = setInterval (Marquee, Speed); tab.OnMouseOver = function () {ClearInterval (MyMar)}; Tab.OnMouseout = Function () {MyMar = setInterval (Marquee, Speed)}; </cript> </ body> </html>