Cet article décrit la méthode de JS pour obtenir une disparition d'image limitée dans le temps. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <html>
<Title> Images qui disparaissent dans le temps spécifié </TITAL>
<body>
<Script Language = JavaScript>
<! - Cachez le script aux anciens navigateurs -
// 1) Faire un logo 88 * 31.
if (document.images)
var staticlogo = nouvelle image (758,100)
// 2) Réglez le chemin sur le logo.
statinglogo.src = "/ images / banner.gif"
// 3) Ce qui suit est la connexion représentée par le logo.
var logolink = "http://www.vevb.com/"
// 4) Définissez l'attribut ALT.
var alttext = "code home"
// 5) Définissez l'attribut suivant sur 1 ou 0 (1 est unique à IE, faisant apparaître le logo)
var fadeIntoView = 1
/ * 6) définir enfin l'heure pour afficher le logo, par exemple, 12 secondes, et une valeur de 0 signifie que l'affichage est toujours affiché
* /
Var Visibleturation = 5
fonction regenerate () {
window.location.reload ()
}
fonction regenerate2 () {
if (document.layers)
setTimeout ("window.onresize = regenerate", 400)
}
var fadeset = ''
if (fadeIntoView)
FADESET = "Filtre: Alpha (opacité = 0)"
if (document.all)
Document.Write ('<span id = "logo" "style ="' + FADESET + '; Position: Absolute; top: 100; width:' + staticlogo.width + '; hauteur:' + staticlogo.height + '"> </span>')
Fonction BringIntoView () {
if (logo.filters.alpha.opacity <= 95)
logo.filters.alpha.opacity + = 5
autre{
ClearInterval (Viewit)
if (visiblenting! = 0)
setTimeout ("logo.style.visibilité = 'Hidden'", visiblenting * 1000)
}
}
fonction createLogo () {
statimage = nouvelle couche (100)
statimage.left = -300
statimage.top = 120
statimage.document.write ('<a href = "' + logolink + '"> <img src = "' + statinglogo.src + '" border = 0> </a>')
statimage.document.close ()
statimage.visibilité = "show"
régénérer2 ()
staticitns ()
}
if (document.layers)
window.onload = createLogo;
if (document.all) {
w = 2
h = 2
logo.style.left = w
logo.style.top = h
}
fonction LOGOIT () {
var w2 = document.body.scrollleft + w
var h2 = document.body.scrolltop + h
logo.style.left = w2
logo.style.top = h2
}
fonction loggoiT2 () {
statimage.left = pagexoffset + 2
statimage.top = pageyoffset + 2
}
fonction insertImage () {
logo.innerhtml = '<a href = "' + logolink + '"> <img src = "' + statinglogo.src + '" border = 0> </a>'
if (fadeIntoView)
Viewit = setInterval ("BringIntoView ()", 100)
autre{
if (visiblenting! = 0)
setTimeout ("logo.style.visibilité = 'Hidden'", visiblenting * 1000)
}
}
if (document.all) {
window.onscroll = LOGOIT
window.onresize = new function ("window.location.reload ()")
window.onload = insertimage
}
fonction statiCitns () {
setInterval ("LOGOIT2 ()", 90)
if (visiblenting! = 0)
setTimeout ("statimage.visibilité = 'hide'", visiblenting * 1000)
}
// ->
</cript>
</docy>
</html>
<br>
<br>
<br>
<br>
<br>
<br> L'image disparaîtra automatiquement après 5 secondes.
<br>
<br>
<br>
J'espère que cet article sera utile à la programmation JavaScript de tous.