Sehr glattes JS -Bild -Scrolling -Effekt -Code, nahtlose Schleife, anpassbare Geschwindigkeit, Stoppen Sie beim Überziehen der Maus. Seine Funktion ist die Trennung von JS- und Bildadressen.
Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" />
<title> Bildscroll </title>
</head>
<body>
<style type = "text/css">
<!-
#demo {
Hintergrund: #fff;
Überlauf: versteckt;
Grenze: 1PX gestrichelt #CCC;
Breite: 500px;
}
#demo img {
Grenze: 3px fest #f2f2f2;
}
#indemo {
float: links;
Breite: 800%;
}
#Demo1 {
float: links;
}
#Demo2 {
float: links;
}
->
</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>
<Script>
<!-
var Geschwindigkeit = 10;
var Tab = document.getElementById ("Demo");
var tab1 = document.getElementById ("Demo1");
var tab2 = document.getElementById ("Demo2");
tab2.innerhtml = tab1.innerhtml;
Funktion marquee () {
if (tab2.Offsetwidth-tab.scrollLeft <= 0)
tab.scrollleft- = tab1.offsetwidth
anders{
tab.scrollleft ++;
}
}
var mmar = setInterval (Festzelt, Geschwindigkeit);
tab.onmouseover = function () {clearInterval (mymar)};
tab.onmouseout = function () {mymar = setInterval (marquee, speed)};
->
</script>
</body>
</html>