多功能万能模态框插件,项目实用,持续更新中...

附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

posted @ 2017-08-09 23:58  TateWang  阅读(291)  评论(0编辑  收藏  举报
Top