联动菜单

JS原生三级联动选择组件

三级联动选择组件通常用于表单中,允许用户从三个层级中选择数据,例如选择省、市、区。在JavaScript中,你可以使用原生JS来实现这样的组件。

css+js制作动画导航菜单栏

一个带有动画效果的导航菜单栏,你可以使用HTML、CSS和JavaScript。一个简单的例子,展示了如何制作一个响应式的导航菜单栏,当用户点击菜单按钮时,菜单项会以动画的形式展开或收起。

css+js菜单弹窗覆盖全页面

要创建一个使用CSS和JavaScript的菜单弹窗,使其覆盖整个页面,你可以按照以下步骤进行:HTML结构:定义一个按钮用于触发弹窗,以及一个弹窗容器。CSS样式:设置弹窗的样式,使其在默认状态下隐...

带动画的垂直导航菜单列表

使用CSS3中创建一个带有动画的垂直导航菜单列表,你可以使用transition或animation属性来添加平滑的过渡效果。在这个例子中,我们为菜单链接添加了一个简单的过渡效果,当鼠标悬停在链接上时...

黑色二级下拉导航菜单

响应式二级下拉菜单导航源代码,鼠标滑过菜单就可以触发二级下拉功能,而且还是响应式的,可以在电脑端使用,也可以在手机端使用,开发响应式网站必不可以少的插件。

国家地区三级联动jQuery组件

jQuery世界主要国家和地区三级联动选择源代码,三级联动菜单是一种在用户界面上实现多级选择和数据筛选的交互式效果,通常用于处理具有层级结构的数据,如省市区选择、分类标签选择等,对于开发全球性网站的技...

js+css侧边导航菜单 可收缩

漂亮的js+css侧边导航菜单,可收缩成窄的导航条,适合作为管理系统的左侧导航样式。

时尚的小型菜单CSS样式

时尚的小型菜单CSS样式,可以当做顶部或者网页底部菜单,带切换选中样式,看起来很时尚。

jQuery下拉菜单选择器

一款基础的下拉菜单选择器,包含了多选,单选,禁用,可清空,自定义等功能

纯CSS Dropdown下拉

纯CSS Dropdown下拉菜单,没有使用任何JavaScript代码,点击触发下拉列表。

纯HTML CSS代码无限树菜单

纯HTML CSS代码无限树菜单,没有使用JavaScript代码。小图标引用的远程cdn,可以下载到本地。

黏性悬浮导航菜单

很酷的黏性悬浮导航菜单,网页向下滚动的时候导航不会消失。

js导航固定在顶部效果

很简单的粘性导航效果,鼠标向下滚动顶部导航菜单会固定跟着滚动。只有几行js代码实现导航固定在顶部效果。 const header = document.querySelector('.head...

8种CSS超酷汉堡包按钮动画

SVG和CSS超酷汉堡包按钮动画。该SVG和CSS超酷汉堡包按钮动画有8种效果,当用户点击汉堡包图标时,汉堡包图标会议动画的方式变形为指定的图标,非常炫酷。

液体菜单效果(WebGL + GSAP)

很有创意的网页顶部导航菜单,液体流动菜单效果(WebGL + GSAP)

纯CSS页面底部展开菜单

漂亮的页面底部菜单按钮,可以展开合并,使用纯CSS代码实现的效果。

响应式顶部导航菜单

漂亮的红色导航菜单,适合作为网站的顶部导航,带选中效果,自使用任何大小的设备。

简单的响应式导航菜单

常用的网站顶部导航样式,响应式的导航菜单自适应任何大小的设备,带下拉区域的效果。
  • 标签大全|网站地图|关于我们|用户协议
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器|在线工具