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(funct
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值