`

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
分享到:
评论
发表评论

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

相关推荐

    jQuery LayerModel弹出层插件拖动弹出层效果

    jQuery LayerModel是一款基于jQuery的弹出层插件,它提供了丰富的功能,包括创建各种类型的弹出窗口,如提示、信息、确认、加载等,并且支持弹出层的拖动效果。在网页交互设计中,弹出层是常用的一种增强用户体验的...

    layer jQuery弹出层插件写的图片查看器(相册层),兼容主流浏览器

    **layer jQuery弹出层插件** 是一个广泛应用于前端开发中的工具,专为创建各种弹出层效果而设计。这款插件以其强大的功能和简洁的API接口,深受开发者喜爱,尤其在实现图片查看器(相册层)这样的交互式功能时,表现...

    jquery layer弹出层在线聊天工具代码

    《jQuery Layer弹出层在线聊天工具代码解析与应用》 jQuery Layer是一款强大的JavaScript弹出层插件,它基于jQuery库,提供了丰富的功能和灵活的配置选项,广泛应用于网页中的提示、对话框、加载层以及各种复杂的...

    jQuery zoom图片弹出层插件简单的图片相册弹出层窗口

    jQuery zoom图片弹出层插件简单的图片相册弹出层窗口展示代码 引入相关js和css文件 &lt;link rel="stylesheet" href="css/zoom.css" media="all" /&gt; [removed][removed] [removed][removed] html 格式 ...

    简单实用的jquery可拖动弹出层,遮罩层

    本文将深入探讨“简单实用的jQuery可拖动弹出层,遮罩层”这一主题,旨在帮助开发者了解如何利用jQuery实现这种功能。 首先,我们来解析标题中的关键词“jQuery可拖动弹出层”。jQuery是一个广泛使用的JavaScript库...

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

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

    Jquery简单的弹出层带遮罩插件

    本插件是关于“Jquery简单的弹出层带遮罩”的实现,它能够为网页提供一种优雅的方式来显示弹出窗口或对话框,并且在弹出窗口周围添加一个半透明的遮罩层,增强用户体验。 1. **jQuery基础** jQuery的核心在于它的...

    jQuery layer 漂亮实用的网页弹出层插件.rar

    jQuery layer 漂亮实用的网页弹出层插件,layer v1.4.1 弹层组件压缩版,这个不是最新版,不过是稳定版,layer主页不知什么时候打不开了,还好我有备份版,不敢独享,特此与大家分享,使用方法如下:  一、请将...

    jQuery顶部浮动弹出层动画弹出层特效

    在"jQuery顶部浮动弹出层动画弹出层特效"这个主题中,我们将深入探讨如何利用jQuery来创建动态、吸引人的弹出层效果,特别是在页面顶部浮动的设计。 首先,让我们了解什么是弹出层。弹出层是一种网页设计技术,它...

    jQuery弹出层 可移动层 提示框 浮动层

    在实际应用中,我们可以利用jQuery的插件如`layer.js`或`dialog`来快速实现弹出层功能。这些插件通常提供丰富的配置选项,包括尺寸、位置、透明度、动画效果等,以满足各种需求。同时,为了提高用户体验,我们还应...

    jquery弹出层特效

    4. `jquery.layerModel.js`:这是一个自定义的jQuery插件,可能包含了弹出层的逻辑代码,包括如何显示和隐藏弹出层,以及如何处理Ajax请求和响应。 5. `视频教程大全.url`、`电子书大全.url`、`更多给力作品.url`:...

    很实用的 jQuery鼠标经过弹出层效果

    "很实用的jQuery鼠标经过弹出层效果"是一个常见的交互设计功能,通常用于提供信息提示或者增强用户体验。这个效果允许当用户将鼠标悬停在某个元素上时,一个浮动的层(通常称为“弹出层”或“气泡提示”)会显示相关...

    jQuery弹出层插件LayerModel.zip

    《jQuery弹出层插件LayerModel深度解析》 在网页设计和开发中,弹出层是一种常见的交互元素,用于展示信息、提示用户或进行复杂的操作。jQuery作为一款强大的JavaScript库,提供了丰富的插件来实现这一功能,其中...

    jquery弹出层 jquery弹出层 jquery弹出层

    标题“jquery弹出层”暗示我们将会探讨的是如何使用jQuery来实现网页上的弹出层效果,这在网页设计中是非常常见的一种功能,用于显示警告、信息、确认对话框或者复杂的模态窗口。 首先,让我们理解什么是弹出层。弹...

    jQuery点击遮罩弹出层固定网页中间.rar

    在本项目中,“jQuery点击遮罩弹出层固定网页中间.rar”是一个用于创建网页弹出层的资源包,特别适合于手机端的交互设计。它包含以下四个主要部分:`index.html`(主页面文件)、`images`(图像文件夹)、`js`...

    jquery实现让弹出层绝对居中

    本文将详细介绍如何使用jQuery实现弹出层的绝对居中。 首先,我们需要理解页面布局的基本概念。在HTML和CSS中,定位(positioning)是决定元素在页面上位置的关键。常见的定位方式有静态定位(static)、相对定位...

    Jquery实现iframe弹出层,简单实用

    本主题将深入探讨如何使用jQuery实现一个简单的、实用的iframe弹出层。通过这个教程,您将了解到如何创建一个能够加载外部网页或内容到弹出窗口中的功能。 首先,确保在您的项目中引入了jQuery库。您可以从jQuery...

    jQuery点击图片弹出层显示文字

    在这个主题"jQuery点击图片弹出层显示文字"中,我们将深入探讨如何利用jQuery实现这样一个功能:当用户点击图片时,弹出一个层(通常称为模态框或对话框)来展示与该图片相关的文字信息。 首先,我们需要创建HTML...

Global site tag (gtag.js) - Google Analytics