原创弹出层Jquery插件
此Jquery插件可支持以下功能
1、触发响应事件
1、触发响应事件
2、设置弹出层的标题
3、设置弹出层类型(text、容器ID、URL、Iframe)
4、弹出层的内容获取(text文本、容器ID名称、URL地址、Iframe的地址)
5、弹出层的宽度
6、弹出层的高度
7、层滑动的高度也就是弹出层时离顶部滑动的距离
8、是否自动弹出
9、设置弹出层时间,前提是isAuto=true
10、是否自动关闭
11、设置自动关闭时间,前提是isClose=true
使用代码如下:
在线演示和下载
使用代码如下:
<script type="text/javascript"> $(function (){ $("#test").manhuaDialog({ Event : "click",//触发响应事件 title : "漫画弹出层插件测试",//弹出层的标题 type : "id",//弹出层类型(text、容器ID、URL、Iframe) content : "detail",//弹出层的内容获取(text文本、容器ID名称、URL地址、Iframe的地址) width : 500,//弹出层的宽度 height : 300,//弹出层的高度 scrollTop : 200,//层滑动的高度也就是弹出层时离顶部滑动的距离 isAuto : false,//是否自动弹出 time : 2000,//设置弹出层时间,前提是isAuto=true isClose : false,//是否自动关闭 timeOut : 5000//设置自动关闭时间,前提是isClose=true }); }); </script>效果如下:
在线演示和下载
本文由用户 dengjianbin 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!