interface Web
js tutoriel
js pour implémenter une couche d'invite lorsque la souris se déplace vers le lien text_javascript skills
js pour implémenter une couche d'invite lorsque la souris se déplace vers le lien text_javascript skills
May 16, 2016 pm 03:59 PML'exemple de cet article décrit comment utiliser js pour implémenter un calque d'invite lorsque la souris est déplacée vers le texte du lien. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Voici l'effet du déplacement de la souris sur le texte du lien et de l'apparition d'un calque DIV défini. Dans cette couche, vous pouvez ajouter des informations correspondant à ce lien, qui devient une fenêtre d'invite d'informations. Cet effet est visible sur Taobao et Sina, ce qui est très pratique.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标移到文字上弹出提示层</title>
<style type="text/css">
<!--
#box{
display:none;
width: 315px;
height: 180px;
background:#CCC;
border:1px solid #333;
padding:12px;
text-align:center;
}
-->
</style>
<script type="text/javascript" language="javascript" >
<!--
function display(){
document.getElementById("box").style.display="block";
}
function disappear(){
document.getElementById("box").style.display="none";
}
-->
</script>
</head>
<body>
<a href="#" onmouseover="display()" onmouseout="disappear()">
鼠标放到这儿！
</a>
<div id="box" onmouseover="display()" onmouseout="disappear()">
效果不错吧？这里面你可以设置一张图片，也可以是一段文字，
而且源代码很简单哦！
</div>
</body>
</html>J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
Article chaud
Outils chauds Tags
Article chaud
Tags d'article chaud
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment désactiver l'aperçu des vignettes de la barre des tâches dans Win11 ? Désactivez la technique d'affichage des vignettes de l'icône de la barre des tâches en déplaçant la souris
Feb 29, 2024 pm 03:20 PM
Comment désactiver l'aperçu des vignettes de la barre des tâches dans Win11 ? Désactivez la technique d'affichage des vignettes de l'icône de la barre des tâches en déplaçant la souris
HP lance la souris logicielle à trois modes Professor 1 : 4 000 DPI, Blue Shadow RAW3220, prix initial de 99 yuans
Apr 01, 2024 am 09:11 AM
HP lance la souris logicielle à trois modes Professor 1 : 4 000 DPI, Blue Shadow RAW3220, prix initial de 99 yuans
La souris et le tapis de souris sans fil Razer | Pokémon Gengar sont désormais disponibles, au prix fixe de 1 549 yuans
Jul 19, 2024 am 04:17 AM
La souris et le tapis de souris sans fil Razer | Pokémon Gengar sont désormais disponibles, au prix fixe de 1 549 yuans
Les produits de la série de claviers et de souris « Elden's Circle » co-marqués par VGN sont désormais sur les étagères : thème personnalisé Lani / Faded One, à partir de 99 yuans
Aug 12, 2024 pm 10:45 PM
Les produits de la série de claviers et de souris « Elden's Circle » co-marqués par VGN sont désormais sur les étagères : thème personnalisé Lani / Faded One, à partir de 99 yuans
Dans quel dossier se trouve le pilote de la souris Razer ?
Mar 02, 2024 pm 01:28 PM
Dans quel dossier se trouve le pilote de la souris Razer ?
Microsoft Word ne peut pas sélectionner ou surligner du texte à l'aide de la souris
Feb 20, 2024 am 09:54 AM
Microsoft Word ne peut pas sélectionner ou surligner du texte à l'aide de la souris
Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS
Apr 03, 2024 am 11:55 AM
Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS
Colorful lance la souris de jeu sans fil M900 Pro : forme ergonomique pour droite, récepteur Nano 8K, à partir de 199 yuans
Mar 23, 2024 pm 05:16 PM
Colorful lance la souris de jeu sans fil M900 Pro : forme ergonomique pour droite, récepteur Nano 8K, à partir de 199 yuans
