黑马程序员技术交流社区

标题: 推荐 | “最好用的国产弹出层组件 - layer” | 传智花和尚 [打印本页]

作者: 小影姐姐    时间: 2017-5-18 11:43
标题: 推荐 | “最好用的国产弹出层组件 - layer” | 传智花和尚
本帖最后由 上海分校-小影 于 2017-5-18 11:49 编辑


导读:

弹出层几乎在任何项目中都会用到,各种场景,提示信息、询问信息、tips提示、iframe层、loading层等等,之前开发中,这些都是通过jQuery自己编写代码实现,通用性、浏览器兼容性都比较差,今天推荐一款国产的web弹出层组件,它就是layer,作者这样称呼它“国内最多人使用的弹层组件”,我给它的评价是“最好用的弹出层组件”,接下来我们一起学习下。


简介:

下载:
下载地址:http://res.layui.com/download/layer-v3.0.zip

使用:
layer的使用非常简单,只需要在代码中引入下载文件中layer.js即可(当然了jQuery是必要的组件):

效果:
是不是很简单啊~~

更多的用法参见官网:http://layer.layui.com/

更多效果:
带图标的提示框:

确认框:

tips提示:

tab弹出框:

prompt层:


相册弹出层:
自定义页:

结束:
怎么样? 一款功能强大的弹出层组件就这样简单的用起来了,赶紧把你项目中那些臃肿的弹出层代码扔到垃圾桶吧~~ 哈哈~~


作者: 烽火狼烟    时间: 2017-5-18 12:14
嘎嘎 很棒啊  收藏了
作者: 橘子哥    时间: 2017-5-18 13:04
虽然看不懂,但是感觉好腻害!
作者: 小影姐姐    时间: 2017-5-18 13:15
烽火狼烟 发表于 2017-5-18 12:14
嘎嘎 很棒啊  收藏了


作者: 小影姐姐    时间: 2017-5-18 13:16
橘子哥 发表于 2017-5-18 13:04
虽然看不懂,但是感觉好腻害!

橘子哥也很厉害~




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2