全屏导航
CSS实现全页面导航布局基于CSS的animation以及transform等关键属性实现的全页面导航效果，页面初始化状态显示三条杠的菜单图标，点击打开菜单时，菜单项会平铺整个页面并且附带带线条的平滑过渡展开动画效果。
弹出菜单
CSS实现与菜单图标交互时「弹出」效果展开菜单项这个设计聚焦于创建一个个性的菜单图标，当用户与之互动时，菜单会以一种引人注目的“弹出”效果展开。通过CSS的过渡（transition）和变换（transform）属性，可以实现平滑且吸引人的动...
动画导航
CSS 带起伏 3D 动画的纵向导航列表分享一款带动画效果的纵向导航菜单，基于纯CSS的animation*、transition、transform等关键属性设置合适的值而实现，页面初始化时菜单从上而下逐个加载菜单项，这个加载过程融...
Dock菜单栏
CSS 结合 gsap 实现可拖拽拉长或缩短的 Dock 导航栏使用 CSS 结合 gsap 插件创建的可拖动拉长或缩短的 Docker 导航栏，该Docker导航栏默认是水平放置的，可通过自定义选项设置为垂直显示Docker导航栏效果。这种仿 Docker...
导航栏
Bootstrap 5 中实现响应式导航栏菜单示例本代码示例使用 Bootstrap 5 创建了一个响应式导航栏。 它能确保网站的导航菜单适应不同的屏幕尺寸，无论是台式机还是移动设备都能够完美且以合理的布局方式展示，其核心功能包括可折叠菜单、下...
侧边栏导航
Bootstrap 实现的左侧边栏导航菜单栏，所有Bootstrap版本均可使用左侧边栏导航菜单是基于 Bootstrap 框架结合 jquery 实现的，导航的动画效果是基于 Bootstrap 提供的js实现的，外观样式是使用原生 CSS 实现的，所以这款左侧导航栏菜单...
侧边栏菜单
侧边栏菜单悬停显示/隐藏 Bootstrap 5这是一个基于 Bootstrap 5 框架创建的一个可在悬停时显示/隐藏的侧边栏菜单，当将鼠标悬停在侧边栏上时，它将从一个窄条扩展为一个更宽的菜单，显示导航链接和图标。该代码的主要功能是为网站提...
侧边栏导航
使用 jQuery 创建粘性可悬停侧边栏导航轻量级简单易用的 jQuery 侧边栏导航按钮插件，可用作创建具有超酷悬停滑动效果的粘性可悬停侧边导航，其中位置、外观颜色、背景颜色、边距、字体、行高、鼠标悬停样式等属性支持完全的自定义，高级自...
汉堡菜单
使用 Bootstrap 和 jQuery 创建汉堡下拉菜单使用 Bootstrap 和 jQuery 创建的超赞汉堡包下拉菜单，Bootstrap支持4+版本，该菜单包含深色模式浅色模式主题，非常丝滑的菜单伸缩效果，还附带鼠标跟随效果。
扩展搜索栏
Bootstrap 5项目中的扩展搜索框基于 CSS 实现的在 Bootstrap 5 项目中创建扩展搜索栏，点击搜索按钮后，搜索栏会向左或向右扩展，为用户带来更友好的搜索体验。它利用 Bootstrap 5 和自定义 CSS 创建可...
多层次导航
响应式多层次多样式多选项导航菜单 jQuery 插件基于 jQuery 实现的多级嵌套菜单插件，这款导航插件式响应式的，提供了上、下、左、右四个方向的菜单导航样式，同时还支持多层菜单的同层级页面打开以及多层级打开方式，另外还提供了是否激活点击关闭...
div高度
基于原生 JavaScript 实现滚动粘性菜单导航效果使用原生的 JS 实现的在滚动事件中创建粘性导航栏，该插件会获取滚动位置，并在到达导航偏移位置时设置粘性类，将菜单固定于页面顶端，并且实现导航菜单项也就是锚点的切换，可在各部分之间平滑跳转。这种...