3、t/z>$(document).ready(function(){〃下面使用的是插件默認(rèn)的樣式顯示,content是指要顯示的內(nèi)容(包括文字和圖片)$(,z#huangbiao")?qtip({content:'Stemsaregreatforindicatingthecontextofthetooltip.',style:{tip:'bottomLeft,//Noticethecornervalueisidenticaltothepreviouslymentionedpositioningcorners}})
4、;//stylejson是對提示樣式的設(shè)置即外面的div樣式設(shè)置,但是沒有設(shè)置具體的位置$(,z#huangbiaol")?qtip({content:'設(shè)置顯示文字樣式',style:{width:200,padding:5,background:#A2D959',color:'black',textAlign:'center,,border:{width:7,radius:5,color:,#A2D959,},tip:'bottomLeft,,namc:,dark^//Inherittherestofthe
5、attributesfromthepresctdarkstyle}});//name/green,是繼承了默認(rèn)的提示樣式,還有其他的name可以參考幫助文檔$(z,#huangbiao2z,).qtip({content:'使用插件自定義的樣式',style:{name:'green'//Noticethecornervalueisidenticaltothepreviouslymentionedpositioningcorners}});//target:表示提示信息顯示在控件的什么位置//tooltip:$
6、(〃#huangbiao3〃).qtip({contcnt:'Stemsarcgreatforindicatingthecontextofthetooltip.',position:{cornet:{target:'topLeft',tooltip:'bottomLcft,}}});$(〃#huangbiao4〃).qtip({contcnt:J',});//show是指顯示的情況,when是指什么事件觸發(fā)讓它顯示出來,hide與show對應(yīng)//solo:$(〃#hue
7、ingbiEio5〃)?qtip({content:'〈imgsrc=,/img/2?jpg">',show:{when:'click,,solo:false},hide:{when:,click,,solo:false});〃顯示類似于“窗口”模式的樣式,含有title和內(nèi)容的提示信息$(〃#huangbiao6").qtip({contcnt:{title:{text:,content-titie-text",button:'button5},,,text:'content-tex},fixed:true}
8、);//api:是冋調(diào)函數(shù),beforeShow是在顯示提示之前的提示信息,beforeHide則恰好相反;onRender是指內(nèi)容呈現(xiàn)后調(diào)用$(z,#huangbiao7z,).qtip({content:'usecallbackfunction,,api:{beforeShow:function(){alert("beforeShowapifunction");},beforeHi