jQuery 弹窗

总结一些一个基于jQuery的弹出层插件。支持多窗口,拖动,最大化最小化,固定定位,相对于某个位置定位,具有简化的Tips模式。可以自定义外观等等,具体的看参数和演示
参数说明:

名称	说明
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(fu

你可能感兴趣的:(jQuery,弹窗)