jquery simuliert den Effekt der Titelaufforderung-PHP-Tutorial-php.cn

jquery simuliert den Effekt der Titelaufforderung

小云云

Freigeben： 2023-03-17 15:42:01

Original

1618 Leute haben es durchsucht

jQuery ist eine browserübergreifende JavaScript-Bibliothek, die Operationen zwischen HTML und JavaScript vereinfacht. Die erste Version wurde im Januar 2006 von John Resig im BarCamp NYC veröffentlicht. Es wird derzeit von einem Entwicklungsteam unter der Leitung von Dave Methvin entwickelt. 59 % der 10.000 meistbesuchten Websites weltweit nutzen jQuery, die derzeit beliebteste JavaScript-Bibliothek.

In diesem Artikel stellen wir hauptsächlich den Effekt der JQuery-Simulation der Titelaufforderung vor.Wenn die Textzeichenlänge begrenzt ist, werden einige lange Titel immer abgeschnitten. Obwohl die Titelaufforderung verwendet wird. Einfach, aber es führt zu Redundanz im HTML-Code der Seite. Hier verwenden wir JQuery, um den Titel-Prompt-Effekt zu simulieren. Der spezifische Code lautet wie folgt:

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

Nach dem Login kopieren

Das Obige ist der gesamte Inhalt von JQuery Ich hoffe, dass es für Sie hilfreich ist.

Verwandte Empfehlungen:

Was ist der Unterschied zwischen JS und JQUERY

Wie man jQuery verwendet, um den Lupeneffekt zu erzielen

So richten Sie eine geplante Aktualisierung in jQuery ein

Implementierung des JQuery-Effekts

Beispielfreigabe des jQuery-Selektors über den Attributfilterselektor

Das obige ist der detaillierte Inhalt vonjquery simuliert den Effekt der Titelaufforderung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!