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)

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏CDA数据分析师

如何用六点教会老婆写 Python ?

? 来源:代码湾 链接:http://codebay.cn/post/7965.html 什么是code? code就就是一种语言,一种计算机能读懂的语言。计...

4336
来自专栏大数据杂谈

Python难懂?买一次西瓜就懂了!

来源:代码湾 什么是code? code就就是一种语言,一种计算机能读懂的语言。计算机是一个傻*,他理解不了默认两可的任何东西。比如,你让你老公去买个西瓜,你...

3548
来自专栏玉树芝兰

如何用Markdown写论文?

本文用简明的样例,介绍如何使用Markdown和自动化工具帮你处理数学公式、参考文献引用、图片交叉索引等学术论文写作中常见的棘手问题。快来试试吧。

622
来自专栏IT派

Django | CoolBlog开发笔记第1课:项目分析

CoolBlog开发笔记第1课:项目分析 首先说一下CoolBlog开发笔记是我制作的《Django实战项目》系列教程基础篇的内容,使用Django来开发一个...

3624
来自专栏PPV课数据科学社区

原创:R语言18讲 (二)

在学习R语言数据分析之前,我们对于R这个软件需要做一些简单的了解,这样对于我们以后编程和数据分析有很大的帮助,简单是说,就是大致了解一下R软件的界面的和操作特性...

2434
来自专栏云飞学编程

Python爬虫,用第三方库解决下载网页中文本的问题

还在辛辛苦苦的查找网页规律,写正则或者其他方式去匹配文本内容吗?还在纠结怎么去除小说网站的其他字符吗?

673
来自专栏疯狂的小程序

新手初探小程序开发体会

得益于会react,会点jQuery,也会点vue,研究了一下小程序,发现这东西有好处也有坏处。

2035
来自专栏雨过天晴

原 荐 收集微信跳一跳的辅助

1562
来自专栏ytkah

微信公众平台编辑器可收藏、使用模版了

  9月13号,微信公众平台送来了来三个新功能:编辑器可收藏、使用模版;封面图裁剪优化;GIF图取消播放数量限制。这三个功能让公众号运营者方便了不少,特别是收藏...

2815
来自专栏我是攻城师

程序员最恐怖的梦魇是什么?

2344

扫描关注云+社区