Maison  >  Article  >  interface Web  >  exemple d'effet d'invite jquery Analysis_jquery

exemple d'effet d'invite jquery Analysis_jquery

WBOY
WBOYoriginal
2016-05-16 16:30:291267parcourir

L'exemple de cet article décrit l'utilisation de l'effet d'invite jquery. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :

astuce 1.



Astuce intégrée 1.


Astuce intégrée 2.

$(fonction(){
$(".tooltip").mouseenter(function(e){
this.mytitle=this.title
this.title=""
var a="

" this.mytitle "
"
$("corps").append(a);
$("div").css({
"top": (e.pageY y) "px",
"gauche": (e.pageX x) "px"
}).show("rapide")
}).mouseout(function(){
this.title= this.mytitle;
$("div").remove();
});
})

Expérience :

N'ajoutez pas d'éléments div sous la balise p, car un écart important se produira !

Il s'avère que ! This et $("this") sont différents. Si this.title ci-dessus est réécrit sous la forme $("this").attr("title"), l'événement mouseout suivant ne pourra pas accéder au titre enregistré.

J'espère que cet article sera utile à la programmation jQuery de chacun.

Déclaration:
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