Después de encontrarlo durante mucho tiempo, finalmente encontré uno adecuado.
Copiar código del código de la siguiente manera:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> Picture Rolling </title>
</ablo>
<Body>
<Style type = "text/css">
<!-
#Demo {
Antecedentes: #fff;
desbordamiento: oculto;
borde: 1px discontinoso #ccc;
Ancho: 500px;
}
#Demo img {
borde: 3px sólido #f2f2f2;
}
#Indemo {
Flotante: izquierda;
Ancho: 800%;
}
#demo1 {{
Flotante: izquierda;
}
#demo2 {{
Flotante: izquierda;
}
->
</style>
<div id = "demo">
<div id = "indemo">
<div id = "demo1">
<A href = "#"> <img src = "/jscss/demoimg/wall_s1.jpg"/> </a>
<A href = "#"> <img src = "/jscss/demoimg/wall_s2.jpg"/> </a>
<A href = "#"> <img src = "/jscss/demoimg/wall_s3.jpg"/> </a>
<A href = "#"> <img src = "/jscss/demoimg/wall_s4.jpg"/> </a>
<A href = "#"> <img src = "/jscss/demoimg/wall_s5.jpg"/> </a>
<A href = "#"> <img src = "/jscss/demoimg/wall_s6.jpg"/> </a>
</div>
<div id = "demo2"> </div>
</div>
</div>
<script>
<!-
Varula = 10;
var tab = document.getElementById ("demo");
var tab1 = document.getElementById ("demo1");
var tab2 = document.getElementById ("demo2");
tab22.innerhtml = tab1.innerhtml;
Function marquee () {
if (tab22.offsetwidth-tab.scrollleft <= 0)
Tab.Scrollleft- = Tab1.OffsetWidth
demás {
tab.Scrollleft ++;
}
}
var mymar = setInterval (marquee, velocidad);
tab.onmouseover = function () {clearInterval (mymar)};
tab.onmouseOut = function () {mymar = setInterval (marquee, velocidad)};
->
</script>
</body>
</html>