首頁 >web前端 >js教程 >jquery插件之資訊彈出框showInfoDialog(成功/錯誤/警告/通知/背景遮罩)_jquery

jquery插件之資訊彈出框showInfoDialog(成功/錯誤/警告/通知/背景遮罩)_jquery

WBOY
WBOY原創
2016-05-16 17:44:081592瀏覽

功能:zhou en ce同學最近寫了個基於jquery的信息彈出插件showInfoDialog,該插件對背景進行遮罩,然後彈出信息顯示框,信息顯示種類包括:

一、資訊種類說明:

1.1、操作成功資訊

1.2、錯誤訊息

1.3、警告訊息

1.4、通知訊息

二、使用說明

複製程式碼 代碼如下:

代碼如下:




Insert title here














此範例中對id為test的標籤進行遮罩,然後顯示資訊

簡單設定:

除包含必要的js,css檔案外,另外需設定dialogType,theme屬性,dialogType有四種方式:success,error,warning,info; 對應於四種主題(theme)設定:success,error,warning ,info

message是需要顯示的資料;

refresh代表關閉彈出框後是否需要重新載入頁面

擴充:
可以加入自己的主題,格式如下:

程式碼如下:


.info {border: 3px solid #2FADD7; background: #92D6ED repeat-x top;}
.info span {color: #0E7A9F;}
.info .closest) {background: #2FADD7;}
.info .closestatus a:hover {background: #228DB0;}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn