当前位置:首页 > 分享 > jquery弹出层效果lbshowbox

jquery弹出层效果lbshowbox

时间:2015-08-30 12:13:22 来源:xwidea.com 作者:xwidea.com 点击:940次

lbshowbox是基于jquery的一款弹出层效果,轻巧灵活,功能强大

使用说明:

需要加载jquery类库,参数配置如下:

$(function(){
	$("#button").click(function(){
		$.lbshowbox({
			title:'提示框',
			content:'数据提交成功!',
			status:'success',
			width:500,
			height:300,
			okbtn:'yes'
		});
	});
});

效果图:

title: 值是标题

content:弹出层里面要显示的内容,可以为html标签

status:默认不显示,success显示成功图标,fail显示失败图标,ask显示问题图标

width: 定义弹出层宽度

height:定义弹出层高度

okbtn:定义是否显示OK按钮 值为yes显示

url: 定义点击确定按钮后要跳转的url,如果auto值为false,url为空则关闭窗口,如果auto值为true,url为空则返回到前一次操作界面history

auto: 定义自动跳转,值为true表示自动跳转


v1.1下载地址:http://pan.baidu.com/s/1kTIe77D

v1.2下载地址:http://pan.baidu.com/s/1o6swYbK

更新历史:

已更新至v1.1 修复弹出关闭后,再弹css样式bug

已更新至v1.2 增加跳转功能,实现okbtn多功能化


网友评论
评论人:
评论内容:
验证码: