多功能萬能模態框插件,項目實用,持續更新中...
阿新 • • 發佈:2017-08-10
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
多功能萬能模態框插件,項目實用,持續更新中...