recherche

Maison  >  Article  >  développement back-end  >  jquery simule l'effet d'invite de titre

jquery simule l'effet d'invite de titre

小云云
小云云original
2017-11-17 10:06:261593parcourir

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=&#39;pt_phpernote&#39;>"+ 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!

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
Article précédent：Questions d'entretien d'entrée de gamme PHP : questions de programmation (1)Article suivant：Questions d'entretien d'entrée de gamme PHP : questions de programmation (1)

Articles Liés

Voir plus