Layer弹层组件

前几天了解到这个不错的弹层插件,样式好看,用起来也方便。喜欢的人看完我的博客也可以看官方网站哦:http://www.layui.com

在这个官方网站里有关于它的基础参数:

type(基本层类型),title(标题),content(内容),skin(样式类名)等等好多,

还有一些方法:

layer.open(options) - 原始核心方法,

layer.alert(content, options, yes) - 普通信息框,

layer.confirm(content, options, yes, cancel) - 询问框,

layer.msg(content, options, end) - 提示框,

layer.load(icon, options) - 加载层

在使用layer,你只要在html代码里加入jquery.js和layer.js就可以调用它啦!

调用方法实例演示网站为:http://layer.layui.com/

在这里用自己敲的一个实例给你们看看吧:

html代码

当你点击按钮后,就会弹出图片页面框:(图片滑动弹出,背景变灰)

效果图

最后用喜欢官网的一句话,我就用它来结尾吧:

合理地设定基础参数,合理地选择内置方法,合理的心态,合理地阅读,只要一切都在合理的前提下,你才会感知到layer许许多多令人愉悦的地方,她真的是否如你所愿,取决于你对她了解的深远。愿layer能给你的web开发带来一段美妙的旅程。别忘了在线调试。

(原文写于2017.8.19)

本文分享自微信公众号 - 程序员的碎碎念(gh_53e607dd4782),作者:benny

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-09-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • AJAX(JQ应用、layer)

    layer开发文档学习网站:http://www.layui.com/doc/modules/layer.html (原文写于2017.8.14)

    benny
  • 区块链可以减少社会不平等吗?

    本文在腾讯云+社区人工智能专栏首发, 为原创翻译文章. 英语原文以引用方式给出 注释部分为译者为文中的相关概念注释 若手机显示不全, 请滑动屏幕 导读 201...

    benny
  • JavaScript实现登录注册验证

    学习需要坚持,堕落了一星期,学也不是,玩也不对,今天终于跑到图书馆来学习。 言归正传,今天要做的就是登录注册页面的验证和与数据库连接的操作。这...

    benny
  • CAGradientLayer颜色渐变器

    下面是我用上面的代码实现的最终效果,startPoint是(0,0),endPoint是(1,1)。

    周希
  • circos 可视化手册-tile 篇

    tile用来展示基因组上区域的分布,和之前介绍过的highlight不同,这些区域在图中并不是位于同一层的。为了避免不同区域之间的重叠,tile会将有重叠的区域...

    生信修炼手册
  • TCP/IP五层协议体系结构的各层功能

    软测小生
  • AJAX(JQ应用、layer)

    layer开发文档学习网站:http://www.layui.com/doc/modules/layer.html (原文写于2017.8.14)

    benny
  • 厉害的程序员到底用不用IDE?

    首先纠正一个概念编程高手和本身使用什么工具没有太多直接关系,毕竟编程思想以及具体解决问题的能力才是影响关键,很多人门外汉看到电影里面的黑客用的电脑都是命令行样式...

    程序员互动联盟
  • 人脸识别 | 卷积深度置信网络工具箱的使用

    本文主要以ORL_64x64人脸数据库识别为例,介绍如何使用基于matlab的CDBN工具箱。至于卷积深度置信网络(CDBN,Convolutional Dee...

    用户1332428
  • [图像]用Matlab在图像上画矩形框

    原文链接:http://blog.csdn.net/humanking7/article/details/46819527

    祥知道

扫码关注云+社区

领取腾讯云代金券