Jquery自定义弹窗扫插件simplemodal
2016-12-08 09:20
309 查看
窗体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>
使用方法具体可以从官方网站下载带例子的压缩包,很容易上手。
[/code]
现在看看它的自定义选项:
appendTo :将弹出框添加到的父容器,参数为css选择器opacity :透明度overlayId :遮罩层idoverlayCss :{Object}定义遮罩层样式containerId :弹出窗体容器idcontainerCss :定义容器的样式dataId :内容层idcontainerCss :内容层的样式minHeight :最小高度minWidth :最小宽度maxHeight :最大高度maxWidth :最大宽度autoResize:是否自适应大小zIndex :弹出层的z-indexclose :是否允许关闭closeHTML :自定义关闭按钮closeClass :关闭层样式overlayClose :点击遮罩层是否关闭弹出窗体position :数组 [top, left] 自定义弹出窗体位置onOpen :弹出窗体打开时候的回调函数onShow :弹出窗体显示时候的回调函数
onClose :弹出窗体关闭时候的回调函数
官方地址: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});带自定义选项的使用
[/code]
现在看看它的自定义选项:
appendTo :将弹出框添加到的父容器,参数为css选择器opacity :透明度overlayId :遮罩层idoverlayCss :{Object}定义遮罩层样式containerId :弹出窗体容器idcontainerCss :定义容器的样式dataId :内容层idcontainerCss :内容层的样式minHeight :最小高度minWidth :最小宽度maxHeight :最大高度maxWidth :最大宽度autoResize:是否自适应大小zIndex :弹出层的z-indexclose :是否允许关闭closeHTML :自定义关闭按钮closeClass :关闭层样式overlayClose :点击遮罩层是否关闭弹出窗体position :数组 [top, left] 自定义弹出窗体位置onOpen :弹出窗体打开时候的回调函数onShow :弹出窗体显示时候的回调函数
onClose :弹出窗体关闭时候的回调函数
相关文章推荐
- jQuery一款轻量级可自定义的弹窗插件
- jQuery 自定义弹窗插件
- jQuery一款轻量级可自定义的弹窗插件
- 轻量级的 jquery 自定义弹窗插件 用法简单
- Jquery插件Thickbox的使用总结及自定义设置
- jquery 自定义插件的两种写法。
- jQuery创建自己的插件(自定义插件)的方法
- jQuery创建自己的插件(自定义插件)的方法
- jQuery插件Datepicker日期选择器实现Javascript自定义日期时间选择功能
- 自定义一个jquery插件[鼠标悬浮时候 出现说明label]
- Jquery插件Thickbox的使用总结及自定义设置
- jquery.autocomplete.js 插件的自定义搜索规则
- 【jQuery】smartMenu右键自定义上下文菜单插件(似web QQ)
- LinScroll (jquery插件) (用图片自定义滚动条)
- 分享一个jQuery iframe 弹窗插件Boxen
- AsyncBox 一款基于 jQuery 的弹窗插件 [2011-9-15] v1.4.5 版
- 利用jQuery自定义插件的方法
- 拥有高自定义的jQuery拖动插件
- 自定义 jQuery repeater 插件。学习用。。。
- jquery 自定义插件开发