jQuery弹出层插件–layerJs

今天给大家介绍一款非常好用的弹出层插件,非常方便,速度快,体积小,最重要的是有PC和移动版本的,但是唯一不足就是pc和移动不能共用,也就是说,pc只能用pc版本的,移动端只能用移动端版本的。大家可以去官网查看http://layer.layui.com

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。

本文主要介绍下移动端的。

官方说明:layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层UI。由于是采用原生 JavaScript编写,所有并不依赖任何第三方库。layer mobile完全独立于PC版的layer,您需要按照场景选择使用。layer mobile正致力于成为您WebApp开发过程中弹出交互的不二选择。

使用说明:

非常简单,只要引入文件,一个css一个js,layer依赖于jquery,所以引入之前必须先引入jquery。

提供一个核心调用方法,即:layer.open(options)。各类型的层你可以借助下面高度灵活的参数接口对layer.open进行二次封装。

语法举例:

 //信息框
  layer.open({
    content: '移动版和PC版不能同时存在同一页面'
    ,btn: '我知道了'
  });
目前官方做了很多种不同的弹出层,可供我们选择,日常使用完全够用。
演示:http://layer.layui.com/mobile/