poshytip jqueryベースのプラグインは、主にマイクロブログの画像やマウスのヒントなどを表示するために使用されます.

1378 ワード

この効果は、常に2つの需要がある1マウスが人の画像に移動すると、その人の情報が表示され、マウスが人の画像から離れるとその人の関連情報が隠される2マウスが人の情報ブロックに移動すると、情報は依然として表示され、マウスが人の情報ブロックから離れると、情報隠蔽3は手動で閉じるのではなく、自動的に閉じる必要があります.通常、最初は満足しやすいです.しかし、1つ目は事件に遭遇したとき、やるのも面倒で、この时に2つ目の需要に出会って、なかなかできません.微博アプリを作るとき、よく人の個人情報を表示しなければなりません.新浪やテンセントのjsを持ってきてください.半日も探していません.そのjsです.ブログ園でお勧めのtooltipの山は3つの要求を満たすことができません.長い間探して、ネット上で1つの使うことができることを探して、住所:http://demo.jb51.net/js/2011/poshytip/demo/index.htmlダウンロードアドレス//www.jb 51.net/jiaoben/38747.htmlしかしこのjsはサーバーの圧力を下げるため、密集して使う時、多くのdivを作成して、私は少し最適化して、コードは以下の通りです
$.Poshytip = function(elm, options) {
if( $(elm).data('Poshytipkeyint')!="1")
{
$(elm).data('Poshytipkeyint','1')
}
else
{
return;
}
this.$elm = $(elm);
this.opts = $.extend({}, $.fn.poshytip.defaults, options);

this.$tip = $(['
',
'
',
'
',
'
'].join('')).appendTo(document.body);

this.$arrow = this.$tip.find('div.tip-arrow');
this.$inner = this.$tip.find('div.tip-inner');
this.disabled = false;
this.content = null;
this.init();
};