码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-08-10 01:10:10      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:显示   com   box   targe   压缩   use   btn   jquery   入参   

附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

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

标签:显示   com   box   targe   压缩   use   btn   jquery   入参   

原文地址:http://www.cnblogs.com/pomelott/p/7337017.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!