简单实用的移动端js-mobile layer
来源:互联网 发布:天津广电网络网上缴费 编辑:程序博客网 时间:2024/05/29 12:53
公司触屏版的开发已经完成,本篇文章跟大家介绍一个简单实用的移动端js以实现遮罩效果,mobile layer。这个移动端js实现的效果简洁,体积较小非常适合移动端开发,并且可以自定义提示的样式。下面介绍几个简单demo
1.普通信息框,并设置2秒自动关闭,代码如下:
layer.open({ content: '通过style设置你想要的样式', style: 'background-color:#09C1FF; color:#fff; border:none;', time: 2});
2.提示框,并自定义标题风格,代码如下:
layer.open({ title: [ '我是标题', 'background-color:#8DCE16; color:#fff;' ], content: '标题风格任你定义。。' });
3.提示框,并显示1个按钮:
layer.open({ content: '通过style设置你想要的样式', btn: ['OK']});
4.询问框,并显示2个按钮,不允许点遮罩关闭,代码如下:
layer.open({ content: '你是想确认呢,还是想取消呢?', btn: ['确认', '取消'], shadeClose: false, yes: function(){ layer.open({content: '你点了确认', time: 1}); }, no: function(){ layer.open({content: '你选择了取消', time: 1}); }});
5.页面层,自定义背景等,代码如下:
layer.open({ type: 1, content: '空间任意发挥,这里可传入html', style: 'width:240px; height:180px; padding:10px; background-color:#F05133; color:#fff; border:none;'});
使用简单只需引入layer.m.js文件和layer.css文件即可。
0 0
- 简单实用的移动端js-mobile layer
- nodejs + jquery Mobile构建一个简单的移动web ( 服务端index.js)
- js判断是否为移动端[Mobile]
- 三个超实用的移动端触摸滑动js插件
- layer mobile的使用问题
- Chart.js的简单实用
- layer移动端案例
- layer-mobile
- 简单实用的js缓冲效果
- 一款比较简单实用的js模态框
- 一个简单实用的js时钟
- JS(一些简单实用的验证)
- JS中实现简单实用的HashMap
- 两个简单实用的js代码
- 简单实用的js调试logger组件
- 简单实用的js调试logger组件
- 简单实用的js模板引擎
- js的简单实用(1)
- android程序的入口
- 转载zain
- Solr4.7从数据库导数据
- SD TABLE
- 织梦dedecms|文章内容页标签
- 简单实用的移动端js-mobile layer
- adb shell命令、logcat、fastboot
- 织梦dedecms|文章列表标签arclist
- git stash 命令
- Git基础教程
- java 面试
- 【hadoop】16、学习hive操作语句
- 设计模式-中介者模式
- 管理理念:星巴克-文化成就品牌传奇