Ide:
Satu set gambar mengontrol bilah bergulirnya untuk bergulir, dan pada saat ini, menyalin set gambar ini dan menambahkannya ke dalam grup gambar asli, sekarang ada dua set gambar. Anda dapat membayangkan bahwa Rolling Bar terus bergulir sekarang Kali ini, Anda bisa merasakan gulir yang mulus.
Salin kode kode sebagai berikut:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" /> />
<Title> JS Pictures Rolling Left </title>
<Type style = "text/css">
img {
Perbatasan: Tidak Ada;
}
</tyle>
</head>
<body>
<div id = "demo" style = "overflow: tersembunyi; lebar: 500px;">
<Tabel border = 0 align = cellpadding tengah = 1 sel sel = 1 sel sel = 0>
<tr>
<td id = "demo1" value = "top" bgcolor = "ffffff">
<!- Perhatian khusus, lebar total gambar berikut harus lebih besar dari lebar demo yang ditentukan di atas. , jika tidak, akan ada beberapa masalah! ->
<Tabel cellspacing = "0" cellpadding = "0">
<tr align = "center">
<td> <a href = "#" target = "_lank"> <img src = "gambar/1.jpg"> </a> </td>
<td> <a href = "#" target = "_lank"> <img src = "gambar/2.jpg"> </a> </td>
<td> <a href = "#" target = "_ blank"> <img src = "gambar/3.jpg"> </a> </td>
<td> <a href = "#" target = "_ blank"> <img src = "gambar/4.jpg"> </a> </td>
<td> <a href = "#" target = "_lank"> <img src = "gambar/5.jpg"> </a> </td>
</tr>
</boable>
</td>
<td id = "demo2" value = "top">
</td>
</tr>
</boable>
</div>
<div id = "msg"> </div>
<script type = "text/javascript" src = "jQuery.js"> </ptript>
<type skrip = "Teks/JavaScript">
// 0: kecepatan tetap
varula = 30;
// 1: Dapatkan demo elemen demo1 demo2
var demo = $ ("#demo");
var demo1 = $ ("#demo1");
var demo2 = $ ("#demo2");
// 2: Salin demo1-> demo2
var cont = $ ("#demo1").
$ ("#demo2").
// 3: Buat metode untuk mengeksekusi waktu
fungsi hello () {
var left = $ ("#demo").
if (left> = $ ("#demo1"). width ()) {
kiri = 0;
} Kalau tidak {
Kiri ++;
}
$ ("#demo").
setTimeout ("hello ()", speed);
}
Halo ();
// pindahkan demo.scrollleft ();
</script>
</body>
</html>