推荐两款好的js弹窗插件

  • Post author:
  • Post category:其他

一直以来就感觉,两款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”格式文件!”});




版权声明:本文为u013212233原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。