<%@ Page Language = "java" import = "java.util.*" PageEncoding = "utf-8"%> <! "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns =" http://www.w3 charset = gb2312 "/> <title> 图片滚动 </title> </head> <body> <style type =" text/css "> <!- #Demo {Background: #fff; overflow: hidden; borda: 1px: 10px #ccc; width: 1000px;} #Demo IMG {Border: 10px Solided #cc; left;width: 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 = "imagens/小美景 2.jpg"/> </a> <a href = "#"> <img src = "imagens/小美景 3.jpg"/> </a> <a href = "#"> <img src = "imagens/小美景 4.jpg"/> </a " /> </a> <a href = "#"> <img src = "imagens/小美女 2.jpg"/> </a> </div> <div id id = "Demo2"> </div> </div> </div> <cript> var speed = 50; var tab.GerementById ("Demo"); Tab2 = document.getElementById ("Demo2"); tab2.innerhtml = tab1.innerhtml; função marquee () {if (tab2.offsetWidth-tab.ScrollLeft <= 0) tab.scrollleft- = tab1.offsetWidthelse {Tab.scrollftft+; MyMar = setInterval (marquise, velocidade); tab.onMouseOver = function () {ClearInterval (myMar)}; tab.onMouseOut = function () {myMar = setInterval (marquise, velocidade)}; </script> </body> </html>