ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryプロンプト効果の例分析_jquery

jqueryプロンプト効果の例分析_jquery

WBOY
WBOYオリジナル
2016-05-16 16:30:291302ブラウズ

この記事の例では、jquery プロンプト効果の使用法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

ヒント 1.


ヒント 2.


内蔵ヒント 1.


内蔵チップ 2.

$(関数(){
$(".tooltip").mouseenter(function(e){
this.mytitle=this.title
this.title=""
var a="

" this.mytitle "
"
$("body").append(a);
$("div").css({
"top": (e.pageY y) "px",
"left": (e.pageX x) "px"
}).show("高速")
}).mouseout(function(){
this.title= this.mytitle;
$("div").remove();
});
})

体験:

大きな偏差が発生するため、p タグの下に div 要素を追加しないでください。

結局のところ! this と $("this") が異なります。上記の this.title を $("this").attr("title") に書き換えると、次のマウスアウト イベントは保存されたタイトルにアクセスできなくなります。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。