jqueryqtip提示信息插件用法簡單實例_jquery

jqueryqtip提示信息插件用法簡單實例_jquery

ID:30769502

大小:59.50 KB

頁數(shù):4頁

時間:2019-01-03

jqueryqtip提示信息插件用法簡單實例_jquery_第1頁
jqueryqtip提示信息插件用法簡單實例_jquery_第2頁
jqueryqtip提示信息插件用法簡單實例_jquery_第3頁
jqueryqtip提示信息插件用法簡單實例_jquery_第4頁
資源描述:

《jqueryqtip提示信息插件用法簡單實例_jquery》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、jquery,qtip提示信息插件用法簡單實例本文實例講述了jquery.qtip提示信息插件用法。分享給大家供大家參考,具體如下:公司要求寫一個關(guān)于捉示信息的效果,在網(wǎng)上查詢到了這個插件,感覺很不錯,下面是自己學(xué)習(xí)的內(nèi)容

2、999/xhtml,,>〈/script>

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

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費(fèi)完成后未能成功下載的用戶請聯(lián)系客服處理。