Idee:
Eine Reihe von Bildern steuert die Rollleiste für das Rollen. Zu diesem Zeitpunkt kopiert das Kopieren dieser Bilder und fügt sie in die Original -Bildgruppe hinzu, es gibt jetzt zwei Bilder von Bildern. Sie können sich vorstellen, dass die Rolling -Bar jetzt weiterhin rollt Dieses Mal können Sie sich nahtloses Scrollen fühlen können.
Kopieren Sie den Code -Code wie folgt:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" /> />
<titels> js Bilder rollen links </title>
<Style type = "text/css">
img {
Grenze: Keine;
}
</style>
</head>
<body>
<div id = "Demo" style = "Überlauf: versteckt; Breite: 500px;">
<Table Border = 0 Align = Center CellPadding = 1 Zellspazierstände = 1 Zellspace = 0>
<tr>
<td id = "Demo1" value = "top" bgcolor = "ffffff">
<!- Besonderer Aufmerksamkeit, die Gesamtbreite des folgenden Bildes muss größer sein als die Breite der oben definierten Demo. Ansonsten wird es einige Probleme geben! ->
<Table Cellspacing = "0" cellpadding = "0">
<tr align = "center">
<td> <a href = "#" target = "_lank"> <img src = "bilder/1.jpg"> </a> </td>
<td> <a href = "#" target = "_lank"> <img src = "bilder/2.jpg"> </a> </td>
<td> <a href = "#" target = "_ leer"> <img Src = "Bilder/3.jpg"> </a> </td>
<td> <a href = "#" target = "_ leer"> <img Src = "Bilder/4.jpg"> </a> </td>
<td> <a href = "#" target = "_lank"> <img src = "bilder/5.jpg"> </a> </td>
</tr>
</table>
</td>
<td id = "Demo2" value = "top">
</td>
</tr>
</table>
</div>
<div id = "msg"> </div>
<script type = "text/javaScript" src = "jQuery.js"> </script>
<script type = "text/javaScript">
// 0: Geschwindigkeit fest
varuled = 30;
// 1: Holen Sie sich das Element Demo Demo1 Demo2
var Demo = $ ("#demo");
var Demo1 = $ ("#Demo1");
var Demo2 = $ ("#Demo2");
// 2: Demo1-> Demo2 kopieren
var cont = $ ("#Demo1").
$ ("#Demo2").
// 3: Erstellen Sie die Methode, um die Zeit auszuführen
Funktion hello () {
var links = $ ("#Demo").
if (links> = $ ("#Demo1"). width ()) {
links = 0;
} Anders {
links ++;
}
$ ("#Demo").
setTimeout ("Hallo ()", Geschwindigkeit);
}
Hallo ();
// Move Demo.Scrollleft ();
</script>
</body>
</html>