现在位置首页 / 前端开发 /正文

口碑极佳的web弹层组件:layer使用说明

作者: IT小兵 | 2015年3月12日| 热度:℃ | 评论: |参与:

在以前很多文章中介绍过弹出层控件,比如:[jquery 弹出框插件:Fancybox完整使用说明及demo],[基于bootstrap +jquey ui 自定义alert弹出框/对话框],[Jquery弹出框插件ColorBox打开iframe并传值demo],[Jquery右下角弹出窗口效果--可做告警、提示等]。今天分享一个口碑极佳的web弹层组件:layer。

官方地址:http://sentsin.com/jquery/layer/

效果图:

功能说明:

layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。

在与同类弹出层插件的比较中,layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer(已被1092178人次关注)。layer兼容了包括IE6在内的所有主流浏览器。 她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,广受欢迎。当然,这种“王婆卖瓜”的陈述听起来总是有点难受,因此你需要进一步了解她是否真的如你所愿。

layer遵循LGPL协议,将永久性提供无偿服务。历经两年,截至到2014年7月5号,已运用在15万家web平台,其中包括中国联通、蚂蚁短租、phpyun、中国网等知名网站,如果您有大型项目也在使用layer,您可以联系作者,以便在此展现案例,也为您的品牌推广尽一些绵薄之力。Say

layer提供了五种模式的层,分别为:信息框页面层iframe层加载层tips层,而layer.ext.js提供的拓展层是在这五种模式的基础上创建的。下面就此五种模式层进行大致的演示,更多功能还需要您自己去实验发现。

使用组件时,请将layer整个文件夹放置您项目的任何一个目录下,请务必不要移动layer默认的文件结构,否则将无法运行。部署完后,您只需在页面引入layer.min.js即可(当然,别忘了引入jquery,必须使用jquery1.8或以上)

代码下载:http://res.sentsin.com/download/layer-v1.8.5.zip 

点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询