<%@ page lenguaje = "java" import = "java.util.*" pageEncoding = "utf-8"%> <! DocType html público "-// w3c // dtd xhtml 1.0 transición // 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"; Charset = GB2312 "/> <title> 图片滚动 </title> </head> <body> <style type =" text/css "> <!- #demo {background: #fff; overflow: hidden; border: 1px Dable #ccc; width: 1000px;} #delo img {border: 10px sólido #f2f2f2;} # #float {float: {float: {float: {float: {float: {float: {float: {float: {float: {Flat: {float: Izquierda; ancho: 800%;}#Demo1 {float: left;}#delo2 {float: left;}-> </style> <div id = "demo"> <div id = "indemo"> <div ID = "delo1"> <a href = "#"> <img src = "images/小美景 1.jpg"/> </a> <a href = "#"#"" " src = "imágenes/小美景 2.jpg"/> </a> <a href = "#"> <img src = "Images/小美景 3.jpg"/> </a> <a href = "#"> <img src = "Images/小美景 4.jpg"/> </a> <a href = "#"> <img src = "imágenes/小美女 小美女 小美女 小美女/> </a> <a href = "#"> <img src = "Images/小美女 2.jpg"/> </a> </iv> <divi id = "Demo2"> </div> </div> </div> <script> var speed = 50; var = document.getElementById ("Demo"); var Tab1 = document.getElementById ("Demo1"); tab2 = document.getElementById ("Demo2"); tab22.innerhtml = tab1.innerhtml; function marqueeee () {if (tab.offsetwidth-tab.scrollleft <= 0) tab.scrollleft- = tab1.offsetwetwidthelse {tab.scrollleft ++;}} Var Mymar = setInterval (marquee, velocidad); tab.onmouseover = function () {clearInterval (mymar)}; tab.onmouseout = function () {mymar = setInterval (marquee, velocidad)}; </script> </body> </html>