侧边滑动多级导航菜单插件Drawerr.js

最新推荐文章于 2024-12-06 10:31:19 发布
转载 最新推荐文章于 2024-12-06 10:31:19 发布 · 223 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://yy123.ink/frontDetail/1463
文章标签：

#前端 #javascript

Drawerr.js是一个专注于实现多级侧边滑动菜单的JavaScript库，特别适用于网站和管理系统的导航。它提供了流畅的滑动效果，为用户带来出色的交互体验。

下载地址

 

Drawerr.js是一个侧边滑动菜单JavaScript库,多级抽屉效果的导航菜单。效果很棒，适合网站或者管理系统的菜单，滑动效果很平滑。

dd:

DrawerJs:可自定义的所见即所得HTML画布编辑器
05-11
抽屉JS DrawerJS是一个HTML5小部件，它允许在HTML5画布元素上进行绘图和书写。 完全支持移动设备。 它是一个可自定义的WYSIWYG HTML画布编辑器，用于徒手绘制和创建具有简单形状的草图。 什么是DrawerJs？ 我该如何使用？ 在这里，您将找到有关功能的更多信息和简短的常见问题： 在这里，您将找到一些示例，可以对其进行实时测试： 在这里，您将找到有关用法及其配置的详细文档： 发行说明 以下是自2015年以来的部署发行说明： 贡献？ 如果您想为公关做出贡献或只是帮助，请与我联系！ 您知道我们的其他JavaScript库吗？ 查看我们的成像仪上传器 ！ 说明文件： 源代码架构概述 插件版本 该插件有两个版本： Redactor编辑器插件 可以如下嵌入到页面中： <link rel="stylesheet" href="dist/drawerJs
探秘 DrawerJs：一个轻量级的JavaScript抽屉效果库
gitblog_00033的博客
04-16 757
探秘 DrawerJs：一个轻量级的JavaScript抽屉效果库 项目地址:https://gitcode.com/carstenschaefer/DrawerJs DrawerJs 是一款由 Carsten Schäfer 开发的小巧但功能强大的JavaScript库，它为你的网页设计提供了一种优雅的抽屉式界面效果。项目链接使得开发者可以轻松地在页面上实现可滑动打开和关闭的侧边栏，从而增加网站...
Bootstrap4多级导航菜单插件
12-10
这是一款Bootstrap4多级导航菜单插件。该插件扩展了原生bootstrap4的navbar，可生成多级导航菜单，并添加炫酷的CSS3动画效果。
jQuery固定侧边栏导航菜单插件
最新发布
w18478272407的博客
12-06 483
这是一款非常实用的jQuery固定侧边栏导航菜单插件。该插件分三种固定侧边栏效果：正常、小型和大型侧边栏。该固定侧边栏插件在用户向下滚动页面到一定距离时，侧边栏就会固定随页面往下滚动，非常实用。
这是一款响应式的多级导航菜单jQuery插件
08-07
这是一款响应式的多级导航菜单jQuery插件。该多级导航菜单在大屏幕中以正常的导航菜单形式出现，当屏幕尺寸小于某个设定的值时，导航菜单会收缩为下拉菜单列表，非常适合用于制作响应式网站的菜单。
jQuery滑动侧边栏实现多级菜单插件jSide.zip
11-18
本资源"jQuery滑动侧边栏实现多级菜单插件jSide.zip"提供了使用jQuery创建动态、交互式侧边栏菜单的解决方案。以下是关于这个插件及其使用的一些关键知识点： 1. **jQuery库**: jQuery 是一个轻量级的JavaScript库...
jQuery侧边浮动多级导航菜单代码.zip
07-04
"jQuery侧边浮动多级导航菜单代码" 就是为了解决这个问题而设计的，它提供了一种在手机端展示多级菜单的解决方案。下面我们将深入探讨这个jQuery插件的工作原理、特点以及如何实现这样的功能。 首先，jQuery是一种...
精选资源
jQuery侧边浮动多级导航菜单代码.rar
10-01
【jQuery侧边浮动多级导航菜单代码】是一个实用的网页设计资源，主要涉及的技术包括jQuery库和CSS样式。这个代码示例旨在实现一种在页面滚动时依然保持在屏幕侧边浮动的多级导航菜单，这样的设计能提升用户体验，让...
jQuery实现手机侧边滑动导航菜单特效源码.zip
11-19
jQuery作为一款轻量级、高性能的JavaScript库，提供了丰富的功能来帮助开发者实现各种交互效果，包括本文将讨论的手机侧边滑动导航菜单特效。下面我们将深入解析这个源码，探讨其背后的实现原理和技术要点。 首先，...
ImageDrawer.js图片绘制插件
weixin_30735391的博客
10-29 292
ImageDrawer.js图片绘制插件有以下一些可用的配置参数。 Duration：整个动画或每个步骤的绘制时间（以秒为单位） Background：在绘图时将颜色放在图片上 Callback：绘画结束时调用onece的函数 Pencil：绘图铅笔图像的选项对象 Width：铅笔图像宽度 Height：铅笔图像高度 margi...
JS多级滑动导航
05-17
FancySelect 这款插件是 Web 开发中下拉框功能的一个更好的选择。FancySelect 使用方便，只要绑定页面上的任何 Select 元素，并调用就 .fancySelect() 就可以了。默认情况下，FancySelect 在移动设备上使用原生的选择功能和风格。
精美的多级侧边栏导航菜单jQuery插件
08-10
这是一款基于bootstrap的精美多级侧边栏导航菜单jQuery插件。该导航菜单在bootstrap样式的基础上，通过jQuery来为导航菜单绑定菜单点击事件，生成非常漂亮的多级侧边栏导航菜单。
drawerr:弃用| Drawerr是一个简单的移动菜单组件，并且不依赖jQuery
05-15
抽屉已弃用 Drawerr是一个简单的移动菜单组件，并且不依赖jQuery。 单击汉堡包按钮时，它可以轻松地以css动画（对性能良好）滑动。 Drawerr支持多级导航，因此它不会隐藏菜单项（对UX有利）。 特征 多级支持 滑动方向（向左或向右） CSS动画（对性能有好处） 包括汉堡 Vanilla js，没有jQuery 可覆盖的Sass变量 浏览器支持 在带有真实浏览器上进行了测试。 IE11及以下 使用诸如类的服务 通过yarn＆npm安装 npm install drawerr --save yarn add drawerr 用法 所需文件 drawerr/ └── dist/ └── drawerr.css └── drawerr.js 将CSS文件包含在 < link rel =" stylesheet " href =" dist/drawer
jQuery多级无限级导航下拉菜单.zip
07-11
jQuery多级无限级导航下拉菜单
JQuery自定义插件实现顶部导航栏、侧边导航栏
梨柚的博客
09-22 1377
JQuery自定义插件一、效果图二、顶部导航栏三、侧边导航栏四、 总结 一、效果图 顶部导航栏： 侧边导航栏： 二、顶部导航栏 创建插件文件夹，命名随意，里面放插件相关的 css文件,js文件以及demo.html文件，结构目录如下： JQuery插件下载地址：https://jquery.com/download/ 具体源码 demo.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"
js、jq两种方法实现网页侧边导航
mr_fzz的博客
11-23 6540
js第一种方法:实现的效果如下: 1.在侧栏滑动时背景颜色切换和字体颜色切换. 2.窗口滚动时，右边侧栏随之变化. 3.点击侧栏选项,跳动到当前选项对应的页面,并且侧栏也随之变化.代码如下: html+css:*{ margin: 0; padding: 0; } li{ list-sty
JavaScript实现的多功能侧边导航菜单源码
mazai5080的博客
04-23 2249
大家好，今天给大家介绍一款，JavaScript实现的多功能侧边导航菜单源码（图1）。送给大家哦，获取方式在本文末尾。 图1 可以菜单在左边弹出，也可以设置菜单在右边弹出（图2） 图2 图2 可以设置为子菜单重叠样式（图3） 图3 可以设置为扩展样式（图4） 图4 可以设置为直接展开样式（图5） 图5 本模板编码：10138，需要的朋友，关注文末公众号，搜索10138，即可获取。 <!DOCTYPE html> <html lang="zh
侧边菜单导航(JS+CSS)
若水弹丸之地
12-10 8997
效果展示：（1） （2）  （3）注：（1）Javascript库文件 jquery-1.8.3.min.js请自行下载引入        （2）注意修改引入的css和JS文件的路径HTML&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;SideBar Nav&lt;/title&gt; &lt;script type=...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值