Dieser Artikel beschreibt die Methode von JS, um ein zeitlich begrenztes Bildverschwinden zu erreichen. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<title> Bilder, die in der angegebenen Zeit verschwinden </title>
<body>
<Script Language = JavaScript>
<!-das Drehbuch vor alten Browsern verstecken-
// 1) Machen Sie ein 88*31 Logo.
if (document.images)
var staticLogo = neues Bild (758.100)
// 2) Legen Sie den Pfad zum Logo ein.
staticLogo.src = "/images/banner.gif"
// 3) Folgendes ist die vom Logo dargestellte Verbindung.
var logolink = "http://www.vevb.com/"
// 4) das Alt -Attribut festlegen.
var Alttext = "Code Home"
// 5) Legen Sie das folgende Attribut auf 1 oder 0 fest (1 ist einzigartig für den IE, wodurch das Logo angezeigt wird)
var fadeIntoview = 1
/* 6) Legen Sie schließlich die Zeit für die Anzeige des Logos, beispielsweise 12 Sekunden, und ein Wert von 0 bedeutet, dass die Anzeige immer angezeigt wird
*/
var vissidleduration = 5
Funktion regenerate () {
window.location.reload ()
}
Funktion regenerate2 () {
if (document.layers)
setTimeout ("window.onResize = regenerate", 400)
}
var fadeset = ''
if (fadeIntoview)
fadeset = "filter: alpha (opacity = 0)"
if (document.all)
document.write ('<span id = "logo" "style ="'+fadeset+'; Position: absolut; top: 100; width:'+staticLogo.width+'; Höhe:'+staticLogo.Height+'"> </span>')
Funktion bringIntoview () {
if (Logo.Filters.Alpha.Opacity <= 95)
Logo.Filters.Alpha.Opacity+= 5
anders{
ClearInterval (Viewit)
if (Visidleduration! = 0)
setTimeout ("Logo.Style.visibility = 'Hidden'", Vissibledury*1000)
}
}
Funktion createLogo () {
staticImage = neue Schicht (100)
staticImage.left = -300
staticImage.top = 120
staticimage.document
staticimage.document.close ())
staticImage.visibility = "Show"
regenerate2 ()
staticitns ()
}
if (document.layers)
window.onload = createLogo;
if (document.all) {
w = 2
H = 2
logo.style.left = w
logo.style.top = h
}
Funktion Logoit () {
var w2 = document.body.scrollleft+w
var h2 = document.body.scrolltop+h
logo.style.left = w2
Logo.Style.top = H2
}
Funktion Logoit2 () {
staticImage.left = pagexOffset+2
staticImage.top = pageyOffset+2
}
Funktion InsertImage () {
logo.innerhtml = '<a href = "'+logolink+'"> <img src = "'+staticLogo.src+'" border = 0> </a>'
if (fadeIntoview)
viewit = setInterval ("bringIntoview ()", 100)
anders{
if (Visidleduration! = 0)
setTimeout ("Logo.Style.visibility = 'Hidden'", Vissibledury*1000)
}
}
if (document.all) {
window.onscroll = logoit
window.onResize = neue Funktion ("window.location.reload ()")
window.onload = InsertImage
}
Funktion staticitns () {
setInterval ("logoit2 ()", 90)
if (Visidleduration! = 0)
setTimeout ("staticImage.visibility = 'hide'", Visidleduration*1000)
}
//->
</Script>
</body>
</html>
<br>
<br>
<br>
<br>
<br>
<br> Das Bild verschwindet automatisch nach 5 Sekunden.
<br>
<br>
<br>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.