原创弹出层Jquery插件

dengjianbin 11年前
此Jquery插件可支持以下功能
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>
效果如下:


在线演示和下载