layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层支撑,采用Native JavaScript编写,完全独立于PC版的layer,您需要按照场景选择使用。
-
无需依赖任何库,只加载layer.m.js即可
-
小巧玲珑,性能卓越、柔情似水…
-
具备无以伦比的自适应功能
-
灵活的皮肤自定义支撑,充分确保弹层风格多样化
-
丰富、科学的接口,让弹弹弹层无所不能
-
版本Layer mobile1.8
在线实例
实例预览 layer弹层组件移动版演示
实例预览 layer弹层组件移动版在线DEMO
参考手册
实例预览 layer弹层组件移动版API
引入文件
- <link href="layer.css" type="text/css" rel="stylesheet">
- <script src="layer.js">
复制
使用方法
- <a onclick="test();" href="javascript:;">点击询问框</a>
- <script>
- function test() {
- layer.open({
- content: '你是想确认呢,还是想取消呢?',
- btn: ['确认', '取消'],
- shadeClose: false,
- yes: function() {
- layer.open({
- content: '你点了确认',
- time: 1
- });
- },
- no: function() {
- layer.open({
- content: '你选择了取消',
- time: 1
- });
- }
- });
- }
- </script>
复制
相关推荐
《layer mobile弹出层组件移动版 v1.5 源码详解》 在移动应用开发中,用户界面的设计和交互体验是至关重要的。Layer Mobile弹出层组件是一款专为移动设备设计的轻量级、高性能的弹窗插件,它能够帮助开发者快速构建...
Layer Mobile是基于jQuery的插件,它提供了一套完整的弹出层解决方案,包括警告、提示、确认、表单、图片预览等多种弹出样式。其设计理念在于简化代码,提高开发效率,同时保持良好的用户体验。 在手机端,layer ...
3. **浮出层**:利用layer的dialog方法,可以创建浮动的弹出层,用于显示详细信息或进行多步骤操作。 4. **自定义内容**:通过content参数,开发者可以自由插入HTML代码,构建个性化弹层。 5. **iframe嵌入**:对于...
以下是关于如何使用Layer组件进行多个iframe弹出层的打开、关闭以及参数传递的详细说明: 1. **打开iframe弹出层**: - **示例一**:通过设置`type: 2`来指定打开一个iframe类型的弹出层,`content`参数用于指定...
layer是一款流行的JavaScript弹层组件,它提供了多种类型的弹出层,包括对话框、提示、加载层等,而iframe弹窗是其中一种,用于加载独立的网页内容。 通常情况下,当我们需要在弹窗中展示或编辑数据时,会面临如何...