一款效果精致的 jQuery 多层滑出菜单插件

最新推荐文章于 2019-05-27 22:25:20 发布
最新推荐文章于 2019-05-27 22:25:20 发布
阅读量130 收藏
点赞数
文章标签： javascript 前端 ui ViewUI

　　想要以用户友好的方式呈现多级菜单是件不容易的事情，而且还要跨浏览器兼容就更难了。Multi-Level Push Menu 这款 jQuery 插件提供了呈现这种菜单的解决方案，能够让你无限制的展示菜单，支持常用浏览器，而且能够用于触屏设备。

您可能感兴趣的相关文章

  

 

特色功能：
  • 多级菜单支持；
  • 导航元素可以无限制嵌套；
  • 可以使用手势操作菜单；
  • 支持向左和向右两个方向滑动；
  • 简单、灵活的 HTML 标签；
  • 提供了易于使用和扩展的 API；
  • 跨浏览器兼容性：
    • Chrome
    • Midori
    • Firefox
    • Safari
    • IE8+
    • Opera 12.16
    • Android Browser 4.1.2
    • iOS Safari 7.0.1

立即下载      效果演示

 

本文链接：一款效果精致的 jQuery 多层滑出菜单插件

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

Mathilda91
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
多级弹出层JQuery插件
04-01
多级弹出层JQuery插件,支持同一页面多层弹出层的管理，支持弹出层显示iframe.支持移动弹出层，提供alert,confrim对话框,附件是包括使用例子。使用起来简单方便。商业开源使用。
多级弹出菜单jQuery插件ZoneMenu
weixin_34082177的博客
08-05 65
ZoneMenu是一个菜单jQuery插件，只需占用页面上的一个小区域，却可以实现多级菜单。在线体验：http://keleyi.com/jq/zonemenu/   点击这里下载   完整HTML文件代码： <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" c...
多级推送菜单：MultiLevelPushMenu jQuery插件实现
02-20
多级推菜单 通过Momcilo Dzunic 这个jQuery插件受启发，但不同的是，它不能在CSS 3D变换上进行中继，因此也可以在较旧的浏览器（即IE 8）中使用。 文档，示例和代码示例 特征 多级菜单支持 导航元素的无穷嵌套 左右滑动手势即可展开/折叠导航 推/滑DOM元素的选择 从左到右和从右到左的滑动方向 灵活，简单的标记 JS数组输入（如果不存在标记） 许多公开的选项，方法和事件 跨浏览器兼容性（IE8 +，Chrome，Midori，Firefox，Safari，Opera，Android浏览器，iOS Safari） 用法 ####包括CSS multilevelpushmenu.css可以进行修改以适合网站设计 FontAwesome（图标） <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-aw
jquery横向动态滑动导航菜单插件
06-05
一个水平方向可以滑动的动态
jQuery多级弹出菜单插件ZoneMenu
12-10
ZoneMenu是一个菜单jQuery插件，只需占用页面上的一个小区域，却可以实现多级菜单。 完整HTML文件代码： 代码如下: <!DOCTYPE html > <html> <head> <meta http-equiv=”Content-Type” content=...
jquery实现Slide Out Navigation滑出式菜单效果代码
10-23
本文将详细讲解如何使用jQuery实现Slide Out Navigation滑出式菜单效果，以及涉及的关键技术和实现步骤。 首先，jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理和动画等功能。在实现滑出式菜单时，...
jQuery实现的超酷苹果风格图标滑出菜单效果代码
10-23
主要介绍了jQuery实现的超酷苹果风格图标滑出菜单效果代码,涉及jQuery基于鼠标hover事件动态操作页面元素属性的相关技巧,非常美观实用,需要的朋友可以参考下
jQuery实现向下滑出的二级菜单效果实例
10-23
主要介绍了jQuery实现向下滑出的二级菜单效果,涉及jquery鼠标事件及页面元素样式动态变换的相关技巧,非常具有实用价值,需要的朋友可以参考下
移动端左右滑动插件
12-08
插件描述：移动端左右滑动插件. 参考示例：http://www.jq22.com/jquery-info5051
基于jQuery的轻量级滑出层插件
Kai辉的专栏
05-27 392
kpopup插件 基于jQuery的轻量级滑出层插件，100来行代码，无需依赖任何Css文件，拿来即用，效果出众。 使用说明 引入js <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script src="js/kpopup.js"></script&...
11个新鲜出炉的jQuery图像滑块插件
weixin_30352645的博客
04-19 76
　　 　　如今图像滑块已成为一种流行的Web设计元素，通过滑块，你可以在有限的页面空间中展示更多的内容，带给用户更佳的浏览体验。本文将为你带来一些非常实用的jQuery图像滑块插件。 1. Basic Slider 顾名思义，这是一个最基本的滑块，相当简单、轻量，只提供了最基本的功能。 2. BXSlider 这是一个响应式的、复杂的滑盖插件，支持富内容、触摸/滑动手势、原生硬件加速...
jquery插件：点击拉出的右侧滑动菜单
web开发
01-27 852
初写jquery插件，就是一个停留在页面右侧的滑动菜单，点击可以拉出，带回调函数。宽高位置可以参数指定。插件代码如下： （jquery的路径请自己修改） (function($){ $.fn.sideSwitch = function(opts){ var defaults = { contentWidth:'400px', contentHeight:'185px', ...
侧边栏弹出导航插件
Rey
10-13 2271
下面介绍一款自己优化完善的侧边栏弹出框插件（基于jQuery） 1、首先需要有一个下面的HTML框架。可以放在DOM中的任意位置。 &lt;div class="menu-modal"&gt; &lt;div class="menu-bg"&gt;&lt;/div&gt; &lt;div class="menu"&gt; &lt;!-- 里面放导航内容 --&am
jquery楼层特效（点击加滚动）
Tina的博客
05-31 4306
html部分&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; *{padding: 0;margin: 0;} .
扩展--实现右侧滑出弹层效果
xiaoxl084520的博客
03-20 3570
最近写一个项目，前端用的是EasyUI，遇到了一个页面的筛选条件占了半屏幕.... 想着来个分离，把不常用的刷选分离出来以改善页面展示效果，就想到了右侧滑出页面的方式，把搜索条件放到右侧滑出来的页面中。看了半天的API文档头疼的发现没有，又百度了半天，还是失望了...最后的最后还是自行扩展。 莫急..废话说完了... 基础用的easyui的 panel 和 layer 的load 效果。 ...
jQuery仿腾讯云滑动下拉导航菜单效果代码
最新发布
05-13
以下是一个简单的jQuery代码，可以实现类似腾讯云的滑动下拉导航菜单效果： HTML代码： ```html 菜单 链接1 链接2 链接3 ``` CSS样式： ```css .dropdown { position: relative; display: inline-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值