Cet article décrit la méthode d'implémentation des invites de survol de la souris de liaison texte pour l'animation des effets spéciaux par JS. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312" />
<Title> JS pour réaliser l'effet d'invite de la souris de la souris de la souris pour l'effet d'animation </TITAL>
</ head>
<body>
<Style type = "text / css">
<! -
.article {
Border-Bottom: Black 1px solide; Border-Left: Solide noir 1px; Border-droite: Solide noir 1px; Border-Top: Solide noir 1px; Filtre: révélation (transition = 23, durée = 0,5) Blendtrans (durée = 0,5); Position: absolue; Visibilité: cachée
; Color d'arrière-plan: # FFCC00; Tableau de rembourrage: 3px; padding-droite: 3px; Padding-Bottom: 3px; padding-left: 3px}
->
</ Style>
<Script Language = JavaScript1.2>
<! -
fonction show (divid) {
divide.filters.revealtrans.apply ();
divide.style.visibilité = "visible";
divide.filters.revealtrans.play ();
}
fonction hide (divid) {
divide.filters.revealtrans.apply ();
divide.style.visibilité = "Hidden";
divide.filters.revealtrans.play ();
}
// ->
</cript>
<a href = "#" onMouseover = show (aaa) onMouseout = hide (aaa)> wulin.com </a> </div>
<div id = "aaa"> wulin.com </div> <br>
<a href = "#" onMouseOver = show (bbb) onMouseout = hide (bbb)> matériau home </a> </div>
<div id = "bbb"> matériau à la maison </v> <br>
<a href = "#" onMouseOver = show (ccc) onMouseout = hide (ccc)> baidusech </a> </div>
<div id = "ccc"> recherche baidu </div>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.