zoukankan      html  css  js  c++  java
  • jQuery Layer mobile 弹出层

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

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

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

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

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

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

    6. 版本Layer mobile1.8

    在线实例

    实例预览 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>
    复制
  • 相关阅读:
    数组
    课堂验证性实验总结
    《大道至简》第二章读后感
    大道至简第一章伪代码
    大道至简
    python学习笔记1
    19maven依赖冲突
    18SSM资源整合2
    18SSM资源整合
    17mybatis注解开发
  • 原文地址:https://www.cnblogs.com/zhupeng-1024/p/5991989.html
Copyright © 2011-2022 走看看