In diesem Artikel wird die Methode von JS beschrieben, um den Bild des Bildbildschirms zu realisieren, wenn die Maus passt. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
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" />
<titels> Wenn die Maus vorbeigeht, <a href = 'siteJS-16691-1.html' target = '_ leer'> <u> Bildscrollen </u> </a> Stoppeffekt </title>
</head>
<style type = "text/css">
<!-
#www_jb51_net {
Hintergrund: #fff;
Überlauf: versteckt;
Grenze: 1PX gestrichelt #CCC;
Breite: 325px;
Höhe: 245px;
}
#www_jb51_net img {
Grenze: 3px fest #f2f2f2;
}
#indemo {
float: links;
Breite: 800%;
}
#Demo1 {
float: links;
}
#Demo2 {
float: links;
}
->
</style>
<body>
Scrollen Sie nach links
<div id = "www_jb51_net">
<div id = "indemo">
<div id = "Demo1">
<a href = "#"> <img src = "bilder/m01.jpg"/> </a>
<a href = "#"> <img src = "Bilder/m02.jpg"/> </a>
<a href = "#"> <img src = "bilder/m03.jpg"/> </a>
<a href = "#"> <img src = "Bilder/m04.jpg"/> </a>
<a href = "#"> <img src = "Bilder/m05.jpg"/> </a>
<a href = "#"> <img src = "bilder/m06.jpg"/> </a>
</div>
<div id = "Demo2"> </div>
</div>
</div>
<Script>
<!-
var Geschwindigkeit = 10;
var Tab = document.getElementById ("www_jb51_net");
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>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.