suchen

Heim >Backend-Entwicklung >PHP-Tutorial >jquery simuliert den Effekt der Titelaufforderung

jquery simuliert den Effekt der Titelaufforderung

小云云
小云云Original
2017-11-17 10:06:261623Durchsuche

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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Fragen zum PHP-Einsteigerinterview: Programmierfragen (1)Nächster Artikel：Fragen zum PHP-Einsteigerinterview: Programmierfragen (1)

In Verbindung stehende Artikel

Mehr sehen