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>
复制
上一篇:01-移动端开发教程-CSS3新特性


下一篇:netstat 命令详解