Idée:
Un ensemble d'images contrôle sa barre roulante pour rouler, et à ce moment, en copie cet ensemble d'images et en l'ajoutant dans le groupe d'images original, il y a maintenant deux ensembles d'images. Vous pouvez imaginer que la barre de roulement continue de rouler maintenant. Cette fois, vous pouvez vous sentir sans couture.
Copier le code du code comme suit:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = utf-8" /> />
<Title> JS Pictures Rolling à gauche </TITME>
<Style type = "text / css">
img {
Border: aucun;
}
</ style>
</ head>
<body>
<div id = "Demo" style = "Overflow: Hidden; largeur: 500px;">
<Table Border = 0 Align = Center CellPadding = 1 CellSpacing = 1 CellSpace = 0>
<tr>
<td id = "Demo1" value = "top" bgcolor = "ffffff">
<! - Une attention particulière, la largeur totale de l'image suivante doit être supérieure à la largeur de la démo définie ci-dessus. Sinon, il y aura des problèmes! ->
<Table cellSpacing = "0" cellpadding = "0">
<tr align = "Center">
<td> <a href = "#" Target = "_Lank"> <img src = "images / 1.jpg"> </a> </td>
<td> <a href = "#" Target = "_Lank"> <img src = "images / 2.jpg"> </a> </td>
<td> <a href = "#" Target = "_ Blank"> <img src = "images / 3.jpg"> </a> </td>
<td> <a href = "#" Target = "_ Blank"> <img src = "images / 4.jpg"> </a> </td>
<td> <a href = "#" Target = "_Lank"> <img src = "images / 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: vitesse fixe
Varulaed = 30;
// 1: Obtenez l'élément Demo Demo1 Demo2
Var Demo = $ ("#demo");
var Demo1 = $ ("# DEMO1");
var Demo2 = $ ("# DEMO2");
// 2: Copier Demo1-> Demo2
var cont = $ ("# DEMO1").
$ ("# Demo2").
// 3: Créez la méthode pour exécuter le temps
fonction bonjour () {
var Left = $ ("#demo").
if (Left> = $ ("# Demo1"). width ()) {
gauche = 0;
} Autre {
gauche ++;
}
$ ("#demo").
setTimeout ("Hello ()", Speed);
}
Bonjour ();
// déplacer Demo.Scrollleft ();
</cript>
</docy>
</html>