?

jQuery提示插件，默認(rèn)css樣式使用了css3屬性，所以最好在火狐或谷歌等標(biāo)準(zhǔn)瀏覽器下瀏覽。可自定義提示框結(jié)構(gòu)及樣式。 下載

?

??? 可設(shè)參數(shù)：

??? "addID": "", //追加ID，方便自定義控制
??? "addClass": "", //追加class，方便自定義控制
??? "dom": "", //自定義dom結(jié)構(gòu)
??????????????? //最外面的元素必須以.prompt_k13包裹
??????????????? //內(nèi)部必須有.content_k13空元素存放文字
??????????????? //.close_btn_k13關(guān)閉按鈕可根據(jù)需要添加
??????????????? //無論幾層嵌套都可，不可換行,例如：
??????????????? //<div class="prompt_k13"><span class="close_btn_k13">關(guān)閉</span><div class="content_k13"></div></div>
??? "closeBtn": true, //是否顯示關(guān)閉按鈕
??? "autoClose": true, //是否自動關(guān)閉
??? "autoCloseTime": 5000, //自動關(guān)閉延時，單位毫秒
??? "animate": true, //是否顯示動畫效果
??? "animateTime": 300, //動畫時長，單位毫秒
??? "animateLength": 30, //動畫移動距離，單位px
??? "gap": 8, //與父元素間隙，單位px
??? "close": false, //控制關(guān)閉
??? "text": "這里是提示內(nèi)容", //提示內(nèi)容
??? "position": "right" //提示位置.top上邊，left左邊，right右邊，bottom下邊，默認(rèn)右邊

?

?? 功能：

??? 1.可設(shè)置上下左右四個方向彈出

??? 2.可手動或自動關(guān)閉

??? 3.可設(shè)置有無動畫效果以及動畫時長

??? 4.可自定義彈出dom結(jié)構(gòu)，所有外觀均可用css改變

?

??? 下載地址

?

??? 示例：

??? 頁面引入：

??? <script type="text/javascript" src="script/jquery-1.8.3.min.js"></script>
?? ?<script type="text/javascript" src="script/promptForK13.min.js"></script>

??? 調(diào)用方法：

??? 如果使用默認(rèn)設(shè)置，如下：

??? $("#demo").promptForK13();

??? 如果自定義參數(shù)，如下：

??? $(this).promptForK13({
?? ??? ???? "addClass": "prompt_top",
?? ??? ???? "text":"點擊X才能關(guān)閉",
?? ??? ???? "position": "top",
?? ??? ???? "autoClose": false
?? ???? });

???html:?

??? <div id="demo"></div>

?

自己寫了幾個示例放在 打包文件 中，效果如下圖：

?

轉(zhuǎn)載于:https://www.cnblogs.com/k13web/p/4139861.html

總結(jié)

以上是生活随笔為你收集整理的我的第三个jquery插件——promptForK13内容提示插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。