`

jQuery Layer mobile 弹出层

阅读更多

layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层支撑,采用Native JavaScript编写,完全独立于PC版的layer,您需要按照场景选择使用。

  1. 无需依赖任何库,只加载layer.m.js即可

  2. 小巧玲珑,性能卓越、柔情似水…

  3. 具备无以伦比的自适应功能

  4. 灵活的皮肤自定义支撑,充分确保弹层风格多样化

  5. 丰富、科学的接口,让弹弹弹层无所不能

  6. 版本Layer mobile1.8

  7. 作者:闲心贤

  8. github

在线实例

实例预览 layer弹层组件移动版演示

实例预览 layer弹层组件移动版在线DEMO

参考手册

实例预览 layer弹层组件移动版API

引入文件

  1. <link href="layer.css" type="text/css" rel="stylesheet">
  2. <script src="layer.js">
复制

使用方法

  1. <a onclick="test();" href="javascript:;">点击询问框</a>
  2. <script>
  3. function test() {
  4. layer.open({
  5. content: '你是想确认呢,还是想取消呢?',
  6. btn: ['确认', '取消'],
  7. shadeClose: false,
  8. yes: function() {
  9. layer.open({
  10. content: '你点了确认',
  11. time: 1
  12. });
  13. },
  14. no: function() {
  15. layer.open({
  16. content: '你选择了取消',
  17. time: 1
  18. });
  19. }
  20. });
  21. }
  22. </script>
复制

 

3
1
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    layer mobile弹出层组件移动版 v1.5-源码.zip

    《layer mobile弹出层组件移动版 v1.5 源码详解》 在移动应用开发中,用户界面的设计和交互体验是至关重要的。Layer Mobile弹出层组件是一款专为移动设备设计的轻量级、高性能的弹窗插件,它能够帮助开发者快速构建...

    layer mobile手机端弹出框,询问框

    Layer Mobile是基于jQuery的插件,它提供了一套完整的弹出层解决方案,包括警告、提示、确认、表单、图片预览等多种弹出样式。其设计理念在于简化代码,提高开发效率,同时保持良好的用户体验。 在手机端,layer ...

    layer mobile v2.0手机端

    3. **浮出层**:利用layer的dialog方法,可以创建浮动的弹出层,用于显示详细信息或进行多步骤操作。 4. **自定义内容**:通过content参数,开发者可以自由插入HTML代码,构建个性化弹层。 5. **iframe嵌入**:对于...

    Layer组件多个iframe弹出层打开与关闭及参数传递的方法

    以下是关于如何使用Layer组件进行多个iframe弹出层的打开、关闭以及参数传递的详细说明: 1. **打开iframe弹出层**: - **示例一**:通过设置`type: 2`来指定打开一个iframe类型的弹出层,`content`参数用于指定...

    浅谈layer的iframe弹窗给里面的标签赋值的问题

    layer是一款流行的JavaScript弹层组件,它提供了多种类型的弹出层,包括对话框、提示、加载层等,而iframe弹窗是其中一种,用于加载独立的网页内容。 通常情况下,当我们需要在弹窗中展示或编辑数据时,会面临如何...

Global site tag (gtag.js) - Google Analytics