Maison >développement back-end >tutoriel php >jquery simule l'effet d'invite de titre
jQuery est une bibliothèque JavaScript multi-navigateurs qui simplifie les opérations entre HTML et JavaScript. La première version a été publiée par John Resig au BarCamp NYC en janvier 2006. Il est actuellement développé par une équipe de développement dirigée par Dave Methvin. 59 % des 10 000 sites Web les plus visités au monde utilisent jQuery, qui est actuellement la bibliothèque JavaScript la plus populaire.
Dans cet article, nous présentons principalement l'effet d'invite de titre de simulation jquery. Savons-nousLorsque la longueur des caractères du texte est limitée, certains titres longs seront toujours tronqués. Bien que l'utilisation de l'invite de titre soit 100db36a723c770d327fc0aef2ce13b1 simple mais cela entraînera une redondance dans le code HTML de la page. Ici, nous utilisons jquery pour simuler l'effet d'invite de titre. Le code spécifique est le suivant :
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery实现的简单文字提示效果</title> <script src="http://www.phpernote.com/js/jquery.min.js" type="text/javascript"></script> <style type="text/css"> #pt_phpernote{ position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px; color:#333; display:none; font-size:12px; } </style> <script type="text/javascript"> $(function(){ var x=10,y=20; $("a.pt").mouseover(function(e){ $("body").append("<div id='pt_phpernote'>"+ this.text+"<\/div>"); $("#pt_phpernote").css({"top":(e.pageY+y)+"px","left":(e.pageX+x)+"px"}).show("fast"); }).mouseout(function(){ $("#pt_phpernote").remove(); }).mousemove(function(e){ $("#pt_phpernote").css({"top":(e.pageY+y)+"px","left":(e.pageX+x)+"px"}); }); }) </script> </head> <body> <p><a href="#" class="pt">php cli下接受参数的几种方法</a></p> </body> </html>
Ce qui précède est l'intégralité du contenu de jquery. simuler l'effet d'invite du titre. J'espère que cela vous sera utile.
Recommandations associées :
Quelle est la différence entre JS et JQUERY
Comment utiliser jQuery pour obtenir l'effet loupe
Comment configurer l'actualisation programmée dans jquery
Implémentation de l'effet jQuery
Exemple de partage du sélecteur jQuery à propos du sélecteur de filtre d'attribut
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!