Dieser Artikel beschreibt die Methode von JavaScript, um die schrittweise Anzeige der Bildwiedergabe zu realisieren. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<titels> Die Bildschleife zeigt allmählich den Playback -Effekt -Code </title> an
<kopf>
<!-1. Fügen Sie den folgenden Code zwischen <kopf> </head> der Heml ein: ->
<script Language = JavaScript>
<!-//
sandra0 = neues Bild ();
sandra0.src = "/images/m01.jpg";
sandra1 = neues Bild ();
sandra1.src = "/images/m02.jpg";
sandra2 = neues Bild ();
sandra2.src = "/images/m03.jpg";
var i_strngth = 1
var i_image = 0
var imageurl = new Array ()
ImageUrl [0] = "/Images/m01.jpg"
ImageUrl [1] = "/Images/m02.jpg"
ImageUrl [2] = "/Images/m03.jpg"
Funktion showimage () {
if (document.all) {
if (i_strngth <= 110) {
Testimage.InnerHtml = "<img style = 'filter: alpha (opacity ="+i_strngth+")' src ="+imageurl [i_image]+"border = 0>";
i_strngth = i_strngth+10
var timer = setTimeout ("showImage ()", 100)
}
anders {
Clearimeout (Timer)
var timer = setTimeout ("hideImage ()", 1000)
}
}
if (document.layers) {
Clearimeout (Timer)
document.Testimage.document.write ("<img src ="+imageurl [i_image]+"border = 0>")
document.close ()
i_image ++
if (i_image> = imageurl.length) {i_image = 0}
var timer = setTimeout ("showImage ()", 2000)
}
}
Funktion hideImage () {
if (i_strngth> =-10) {
Testimage.InnerHtml = "<img style = 'filter: alpha (opacity ="+i_strngth+")' src ="+imageurl [i_image]+"border = 0>";
i_strngth = i_strngth-10
var timer = setTimeout ("hideImage ()", 100)
}
anders {
Clearimeout (Timer)
i_image ++
if (i_image> = imageurl.length) {i_image = 0}
i_strngth = 1
var timer = setTimeout ("showImage ()", 500)
}
}
//->
</script>
</head>
<body>
<!-2. Ändern Sie die Aussage <Body> Anweisung an:->
<Body Onload = "ShowImage ()">
<!-3. Fügen Sie den folgenden Code zum <body> </body> von Heml hinzu: oben: 120px; Links: 240px kann die Anzeigeposition einstellen->
<div id = "Testimage" style = "Position: absolut; Sichtbarkeit: sichtbar; oben: 120px; links: 240px"> </div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.