communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > jQuery实现图片信息的浮动显示实例代码_jquery

jQuery实现图片信息的浮动显示实例代码_jquery

WBOY
Libérer： 2016-05-16 17:24:17
original
1076 Les gens l'ont consulté

如图：
jQuery实现图片信息的浮动显示实例代码_jquery 

复制代码 代码如下:






<script> <BR>$(function(){ <BR>var x = 10; <BR>var y = 20; <BR>$("a.tooltip").hover(function(){ <BR>var title = this.title; <BR>$("a.tooltip").attr("newTitle",this.title); <BR>this.title = ''; <BR>var $div = $("<div id='newTip'><img src='"+this.href+"'/ alt="jQuery实现图片信息的浮动显示实例代码_jquery" ><br/>"+this.newTitle+"</script>
");
$("body").append($div);
$div.css({"position":"absolute","background":"silver"}).show("fast");
},function(){
this.title = this.newTitle;
$("#newTip").remove();
}).mousemove(function(e){

var $div = $("#newTip").css({"left":(e.pageX+x)+'px',"top":(e.pageY+y)+'px'}).show("fast");
});
})




  • 苹果 iPod

  • 苹果 iPod nano

  • 苹果 iPhone

  • 苹果 Mac




Étiquettes associées：
informations sur les images
source：php.cn
Article précédent：jquery cookie实现的简单换肤功能适合小网站_jquery Article suivant：js中点击空白区域时文本框与隐藏层的显示与影藏问题_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Où dois-je placer la directive CustomLog dans Apache J'utilise php:7.2-apachedocker. Je dois désactiver le journal d'accès à la connexion à l'U...
Depuis 2024-04-06 22:03:59
0
1
990
La requête et la formule forment la table entière, avec de nouvelles colonnes, où les nouvelles colonnes sont des formules impliquant d'autres valeurs de colonnes conditionnelles. EDIT : La formule doit être la colonne "valeur" - la colonne "valeur" ...
Depuis 2024-04-06 21:23:40
0
2
530
Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ? Je développe une application Web. Quelles sont les meilleures pratiques pour afficher les ...
Depuis 2024-04-06 19:13:16
0
2
476
Problème pour obtenir des statistiques spécifiques (Stats) à partir de PokeAPI à l'aide d'Axios et Node.js J'ai un problème, j'essaie d'utiliser PokemonAPI, mais lorsque j'essaie d'accéder aux stat...
Depuis 2024-04-06 18:46:35
0
1
464
Comment regrouper et compter dans MySQL ? J'essaie d'écrire une requête qui extrait le nombre total de messages non supprimés envoyé...
Depuis 2024-04-06 18:30:17
0
1
353
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal