jquery simule l'effet d'invite de titre-tutoriel php-php.cn

jquery simule l'effet d'invite de titre

小云云

Libérer： 2023-03-17 15:42:01

original

1614 Les gens l'ont consulté

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 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>

Copier après la connexion

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!