Setelah menemukannya untuk waktu yang lama, saya akhirnya menemukan yang cocok.
Salin kode kode sebagai berikut:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten-tipe" content = "text /html; charset = gb2312" /> />
<Title> gambar bergulir </iteme>
</head>
<body>
<Type style = "text/css">
<!-
#Demo {
Latar belakang: #FFF;
meluap: tersembunyi;
Perbatasan: 1px putus #CCC;
Lebar: 500px;
}
#Demo img {
BORDER: 3PX SOLID #F2F2F2;
}
#indemo {
Float: kiri;
Lebar: 800%;
}
#demo1 {{
Float: kiri;
}
#demo2 {{
Float: kiri;
}
->
</tyle>
<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");
tab2.innerHtml = tab1.innerHtml;
Fungsi marquee () {
if (tab2.offsetwidth-tab.scrollleft <= 0)
tab.scrollleft- = tab1.offsetWidth
kalau tidak {
tab.scrollleft ++;
}
}
var mymar = setInterval (marquee, speed);
tab.onMouseOver = function () {clearInterval (mymar)};
tab.onMouseout = function () {mymar = setInterval (marquee, speed)};
->
</script>
</body>
</html>