前几天了解到这个不错的弹层插件,样式好看,用起来也方便。喜欢的人看完我的博客也可以看官方网站哦: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)