Après l'avoir trouvé pendant longtemps, j'en ai finalement trouvé un.
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 = gb2312" /> />
<Title> Picture Rolling </Title>
</ head>
<body>
<Style type = "text / css">
<! -
#Demo {
Contexte: #FFF;
débordement: caché;
Border: 1px en pointillé #ccc;
Largeur: 500px;
}
#Demo img {
Border: 3px solide # f2f2f2;
}
#Indemo {
Flottant: à gauche;
Largeur: 800%;
}
# Demo1 {{
Flottant: à gauche;
}
# Demo2 {{
Flottant: à gauche;
}
->
</ 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>
<cript>
<! -
Varulaed = 10;
var tab = document.getElementById ("Demo");
var tab1 = document.getElementById ("Demo1");
var tab2 = document.getElementById ("Demo2");
tab2.InnerHtml = tab1.innerHTML;
Fonction Marquee () {
if (tab2.offsetwidth-tab.scrollleft <= 0)
tab.scrollleft- = tab1.offsetwidth
autre {
tab.scrollleft ++;
}
}
var mymar = setInterval (marquee, vitesse);
tab.onmouseOver = function () {ClearInterval (myMar)};
tab.onmouseout = function () {myMar = setInterval (Marquee, Speed)};
->
</cript>
</docy>
</html>