jQuery bt氣泡實(shí)現(xiàn)懸停顯示及移開(kāi)隱蔽功能的方法_

1、jQuery bt氣泡實(shí)現(xiàn)懸停顯示及移開(kāi)隱蔽功能的方法_ 本文實(shí)例講解并描述了jQuery bt氣泡實(shí)現(xiàn)懸停顯示及移開(kāi)隱蔽功能的方法。分享給大家供大家參考，具體如下： jQuery.bt.options.closeWhenOthersOpen = true; $(img.eq-message).bt( trigger:mouseover, click, contentSelector:$(this).next().html(), positions:left, bottom, fill:#FFD97A, strokeWidth: 0, shadow: true, shadowOffsetX:

2、3, shadowOffsetY: 3, shadowBlur: 8, shadowColor: rgba(0,0,0,.9), shadowOverlap: false, noShadowOpts: strokeStyle: #999, strokeWidth: 2, ); var hideDelayTimer = null; var hideDelayTimer2 = null; $(div.bt-content).live(mouseover, function(e) if (hideDelayTimer) clearTimeout(hideDelayTimer); if (hideDe

3、layTimer2) clearTimeout(hideDelayTimer2); ); $(div.bt-content).live(mouseout, function(e) if (hideDelayTimer) clearTimeout(hideDelayTimer); hideDelayTimer2 = setTimeout(function() $(div.bt-wrapper).remove(); , 100); ); $(img.eq-message).mouseover(function() if (hideDelayTimer2) clearTimeout(hideDela

4、yTimer2); if (hideDelayTimer) clearTimeout(hideDelayTimer); ).mouseout(function() hideDelayTimer = setTimeout(function() $(div.bt-wrapper).remove(); , 100); ); 附：jQuery.bt.min.js插件完整代碼如下： 代碼如下: /* * name BeautyTips * desc a tooltips/baloon-help plugin for jQuery * * author Jeff Robbins - Lullabot -

5、l$/i.test(offsetParent0.tagName)?top:0,left:0:offsetParent.offset();offset.top-=num(this,marginTop);offset.left-=num(this,marginLeft);parentOffset.top+=num(offsetParent,borderTopWidth);parentOffset.left+=num(offsetParent,borderLeftWidth);results=top:offset.top-parentOffset.top,left:offset.left-paren

6、tOffset.left;return results;jQuery.fn.btOuterWidth=function(margin)function num(elem,prop)return elem0parseInt(jQuery.curCSS(elem0,prop,true),10)|0;return thisinnerWidth()+num(this,borderLeftWidth)+num(this,borderRightWidth)+(margin?num(this,marginLeft)+num(this,marginRight):0);jQuery.fn.btOn=functi

7、on()return this.each(function(index)if(jQuery.isFunction(this.btOn)this.btOn(););jQuery.fn.btOff=function()return this.each(function(index)if(jQuery.isFunction(this.btOff)this.btOff(););jQuery.bt.vars=clickAnywhereStack:,closeWhenOpenStack:;jQuery.bt.docClick=function(e)if(!e)var e=window.event;if(!

8、$(e.target).parents().andSelf().filter(.bt-wrapper, .bt-active).lengthjQuery.bt.vars.clickAnywhereStack.length)$(jQuery.bt.vars.clickAnywhereStack).btOff();$(document).unbind(click,jQuery.bt.docClick);jQuery.bt.defaults=trigger:hover,clickAnywhereToClose:true,closeWhenOthersOpen:false,shrinkToFit:fa

9、lse,width:200px,padding:10px,spikeGirth:10,spikeLength:15,overlap:0,overlay:false,killTitle:true,textzIndex:9999,boxzIndex:9998,wrapperzIndex:9997,offsetParent:null,positions:most,fill:rgb(255, 255, 102),windowMargin:10,strokeWidth:1,strokeStyle:#000,cornerRadius:5,centerPointX:0.5,centerPointY:0.5,

10、shadow:false,shadowOffsetX:2,shadowOffsetY:2,shadowBlur:3,shadowColor:#000,shadowOverlap:false,noShadowOpts:strokeStyle:#999,cssClass:,cssStyles:,activeClass:bt-active,contentSelector:$(this).attr(title),ajaxPath:null,ajaxError:strongERROR:/strong em%error/em,ajaxLoading:blinkLoading./blink,ajaxData:,ajaxType:GET,ajaxCache:true,ajaxOpts:,preBuild:function(),preShow:function(box),showTip:function(box)$(box).show();,postShow:function(box),preHide:function(box),hideTip: