一直以来就感觉,两款js的弹窗插件做得比较好,弹窗界面比较炫。唯一不足就是要加载较大的js文件,当然有得必有失,比较起来还是值得。
这里推荐一种:Layer
layer提供了多种弹框:
信息层,tip,页面层,iframe层,加载层.
还有按钮的动态配置;
背景颜色的动态变化;
定时关闭;
执行前函数和执行后函数等等。
这里也不多啰嗦了,因为有官方的网站和文档及演示操作,所以还是贴出网址:
http://sentsin.com/jquery/layer/
例如:
$.layer({
type: 1,
title:'联系人信息添加',
shadeClose: true,
maxmin: true,
fix : false,
area: ['520px', 500],
page: {url : '${ctx}/mongodb/device/contacts/addForm?conid='+conid}
})
另一种就是:jBox
相比较layer,jbox在书写上简单写,没有layer的较多配置项,当然配置多代表着灵活性更高。
但是jBox文件大小要小很多(layer现在的版本是68k,而jBox只有十几K),这是一个很大的优势。
国人自个儿开发的,很不错的。
jBox 是一款基于 jQuery 的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受。
- 兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流浏览器。
因为是推荐,也不多说了,分享一下网址:
http://www.cnblogs.com/kudy/archive/2011/11/12/2246118.html(国内开发的)
例如:
$.jBox($("#importBox").html(), {title:"导入数据", buttons:{"关闭":true},
bottomText:"导入文件不能超过5M,仅允许导入“xls”或“xlsx”格式文件!"});