JavaScript 实现的无障碍垂直选项卡动画

垂直选项卡

JavaScript 实现的无障碍垂直选项卡动画

此 JavaScript 代码片段会创建垂直选项卡以方便内容导航,它将内容组织到标签页中。通过点击可在内容部分之间进行切换,并且附带切换效果,该方法可在隐藏其他标签页的同时确保活动标签页的可见性...

使用 CSS 和 jQuery 实现的轻量级可伸展收缩的汉堡菜单

汉堡菜单

使用 CSS 和 jQuery 实现的轻量级可伸展收缩的汉堡菜单

这是一款使用 CSS 和 jQuery 创建的轻量级汉堡菜单,可水平显示导航链接列表,支持收展,当收起来状态时为三条杠图标,点击三条杠图标可展开菜单。这款简单而灵活的菜单插件可帮助您创建可扩展的...

带子菜单的 jQuery 垂直菜单插件

多层菜单

带子菜单的 jQuery 垂直菜单插件

​这是一款轻量级、超好用的 jQuery 多层菜单插件,并带返回按钮,用于创建带子菜单的垂直菜单。该插件通过 HTML 无序 (ul) 列表和嵌套列表子菜单创建垂直导航菜单,最适合将复杂的项目归...

带指示器(标记)的 JavaScript 标签(Tabs)导航

tab导航

带指示器(标记)的 JavaScript 标签(Tabs)导航

标签是在网站上以有条理和用户友好的方式组织和显示内容的好方法。这段 JavaScript 代码可通过指示器实现Tab导航。它允许通过点击标签切换内容。该方法可隐藏和显示内容面板,并对所选标签应用...

基于CSS使用 ul li 实现的时尚可折叠树形文件菜单

垂直导航

基于CSS使用 ul li 实现的时尚可折叠树形文件菜单

本 CSS 代码片段使用简单的 ul li 元素创建树形可折叠的菜单结构,可作为树形目录结构使用,同时也可以作为复选框或者标签或者单项功能使用,用户可以轻松切换可见性。黑色的线条结构以及充满交互...

使用 JavaScript 制作的动态切换曲线导航

动态切换

使用 JavaScript 制作的动态切换曲线导航

​该代码将会创建了一个具有视觉吸引力的曲线导航,基于 JavaScript 实现的动画效果可在导航项之间平滑过渡切换,点击弧形菜单选项进行切换,在导航项之间平滑过度,为网页添加更加具有吸引力的互...