1. 程式人生 > >多功能萬能模態框插件,項目實用,持續更新中...

多功能萬能模態框插件,項目實用,持續更新中...

lose 引入 clas -c 粘貼 更新 mode log pom

附github地址 https://github.com/pomelott/jquery-plug-in

模態框(modelBox)

使用方法

1.引入css文件(建議復制粘貼至項目css文件中)

2.引入js文件(建議使用發布的壓縮版,需引入jquery)

3.創建模態框對象,並傳入參數。

參數說明

num:0

*必填 模態框索引:自定義整形數字(創建多個模態框時用以區分)

cover:true

是否顯示遮罩層:ture(有),false(沒有),默認為true

pos:"center"

模態框位置:center(居中),rightBottom(窗口右下角),默認為center

w:300

模態框寬度(像素):默認為300

h:300

模態框高度(像素):默認為300

scroll:true

模態顯示後滾動條能否滑動:ture(能),false(不能),默認為true

content:true

模態框內容(以HTML標簽為內容的字符串):"<h1 class=‘testTitle‘>dialog3 content</h1>"

closeBtn:true

是否添加模態框的關閉按鈕(需引入按鈕圖片):默認為true

style:"fade"

模態框顯示效果:fade(淡入),slide(滑動),默認為fade

多功能萬能模態框插件,項目實用,持續更新中...