总结一些一个基于jQuery的弹出层插件。支持多窗口,拖动,最大化最小化,固定定位,相对于某个位置定位,具有简化的Tips模式。可以自定义外观等等,具体的看参数和演示
参数说明:
演示:
弹出一个纯文本的层arrow
弹出一张图片并固定定位arrow
参数说明:
名称 说明 type 弹出层类型,可选[dialog|tips](默认为“dialog”) theme 弹出层风格[default] title 窗口标题文字 boxID 弹出层ID,默认为一串随机生成的字符串(Util.random(10)) referID 相对于这个ID的位置进行定位 content 弹出层内容 text 文本内容,可以包含html标签 img 图片 swf flash动画 url url链接 iframe 框架 width 窗口宽度(默认宽度为120px) height 窗口高度(默认高度为50px) time 自动关闭等待时间;(单位ms) drag 是否启用拖动( 默认为启用) lock 是否限制拖动范围 fixed 是否开启固定定位 showbg 是否显示遮罩层( 默认为false) showtitle 是否显示弹出层标题( 默认为显示) showborder 是否显示透明边框( 默认不显示) position 设定弹出层位置,默认居中; arrow 箭头方向 top right bottom left tips 提示层设置 val 箭头偏移量 style 提示层风格 radius 提示层圆角大小 auto 提示层位置自适应 yesBtn 确定按扭{text: "文字", fn: function(){}} noBtn 取消按扭{text: "文字", fn: function(){}} ofns 弹出窗打开后执行的函数; cfns 弹出窗关闭后执行的函数;
演示:
弹出一个纯文本的层arrow
$("#btn_show_text").click(function() { Util.Dialog({ title : "纯文本内容", content : "text:文字" }); return false; });
弹出一张图片并固定定位arrow
$("#btn_show_img").click(funct