多功能万能模态框插件,项目实用,持续更新中...
附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