jQuery layui常用方法介绍


Posted in Javascript onJuly 25, 2016

layer简介:

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

layer(全称:jQuery-plugin-layer),一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心(菜鸟级前端攻城师)。layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力。其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而这,您只需在调用时简单地配置相关参数,即可轻松实现。

与同类弹出层组件相比,layer的优势明显,她尽可能地在以更少的代码展现出更强健的功能。layer格外注重性能的提升,采用面向对象的思想实现,在多层模式的回调处理中,具备其它多数层组件所没有的“独立不冲突”(已有人次关注新版layer)。您完全可以大可放心地在页面弹出任意数量的层,她们彼此不妨碍。当你问及她的兼容时,layer必须告诉你,她兼容了一切浏览器,包括古老的ie6。

layer是一款很好用的一个ui组件,弹出,分页等

http://layer.layui.com/

1 带叉叉的弹窗

layer.open({
type: 1,
title: false, //不显示标题
content: 'hehe', //捕获的元素
area: ['400px', '200px'], //宽高
//scrollbar: false,
cancel: function(index) {
layer.close(index);
}
});

以上所述是小编给大家介绍的jQuery layui常用方法介绍,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
用正则表达式 动态创建/增加css style script 兼容IE firefox
Mar 10 Javascript
Jquery index()方法 获取相应元素索引值
Oct 12 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
layui弹出层效果实现代码
May 19 Javascript
ES6中Array.find()和findIndex()函数的用法详解
Sep 16 Javascript
浅谈Node.js 沙箱环境
May 15 Javascript
Vue-router 中hash模式和history模式的区别
Jul 24 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
Apr 17 Javascript
通过实践编写优雅的JavaScript代码
May 30 Javascript
Echarts地图添加引导线效果(labelLine)
Sep 30 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
Bootstrap Validator 表单验证
Jul 25 #Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 #Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 #Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 #Javascript
javascript insertAfter()定义与用法示例
Jul 25 #Javascript
jquery之别踩白块游戏的简单实现
Jul 25 #Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 #Javascript
You might like
星际争霸, 教主第一视角, ZvT经典龙蛇演义
2020/03/02 星际争霸
PHP 遍历文件实现代码
2011/05/04 PHP
Thinkphp模板中使用自定义函数的方法
2012/09/23 PHP
解析php中die(),exit(),return的区别
2013/06/20 PHP
解析php函数method_exists()与is_callable()的区别
2013/06/21 PHP
PHP addAttribute()函数讲解
2019/02/03 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
Gird组件 Part-3:范例RSSFeed Viewer
2007/03/10 Javascript
javascript实现图片切换的幻灯片效果源代码
2012/12/12 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
JavaScript实现简单的tab选项卡切换
2016/01/05 Javascript
理解JS绑定事件
2016/01/19 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
d3.js实现自定义多y轴折线图的示例代码
2018/05/30 Javascript
深入解析Vue源码实例挂载与编译流程实现思路详解
2019/05/05 Javascript
详解ES6 Promise的生命周期和创建
2019/08/18 Javascript
原生JS与CSS实现软件卸载对话框功能
2019/12/05 Javascript
在Python中使用模块的教程
2015/04/27 Python
python删除过期文件的方法
2015/05/29 Python
Python中的数学运算操作符使用进阶
2016/06/20 Python
python在openstreetmap地图上绘制路线图的实现
2019/07/11 Python
python SVD压缩图像的实现代码
2019/11/05 Python
python函数enumerate,operator和Counter使用技巧实例小结
2020/02/22 Python
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
澳大利亚在线性感内衣商店:Fantasy Lingerie
2021/02/07 全球购物
说出ArrayList,Vector, LinkedList的存储性能和特性
2015/01/04 面试题
abstract 可以和 virtual 一起使用吗?可以和 override 一起使用吗?
2012/10/15 面试题
个人素质的自我评价分享
2013/12/16 职场文书
鲜果饮品店创业计划书
2014/01/21 职场文书
红色旅游心得体会
2014/09/03 职场文书
运动会200米广播稿
2015/08/19 职场文书