Jquery自定义弹窗扫插件simplemodal

窗体API定义丰富，而且使用也很容易上手。
官方地址：http://www.ericmmartin.com/projects/simplemodal/
从官方下载插件，在文件中引用
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
使用方法具体可以从官方网站下载带例子的压缩包，很容易上手。

 

$("#element-id").modal();引入内容块

$.modal("<div><h1>SimpleModal</h1></div>"); 直接添加html代码

$("#element-id").modal({options}); 
$.modal("<div><h1>SimpleModal</h1></div>", {options}); 带自定义选项的使用

现在看看它的自定义选项：
appendTo ：将弹出框添加到的父容器，参数为css选择器
opacity ：透明度
overlayId ：遮罩层id
overlayCss ：{Object}定义遮罩层样式
containerId ：弹出窗体容器id
containerCss ：定义容器的样式
dataId ：内容层id
containerCss ：内容层的样式
minHeight ：最小高度
minWidth ：最小宽度
maxHeight ：最大高度maxWidth ：最大宽度
autoResize：是否自适应大小
zIndex ：弹出层的z-index
close ：是否允许关闭
closeHTML ：自定义关闭按钮
closeClass ：关闭层样式
overlayClose ：点击遮罩层是否关闭弹出窗体
position ：数组 [top, left] 自定义弹出窗体位置
onOpen ：弹出窗体打开时候的回调函数
onShow ：弹出窗体显示时候的回调函数
onClose ：弹出窗体关闭时候的回调函数

 

最后欢迎大家访问我的个人网站：1024s