分类目录归档:jQuery菜单插件

jQuery SVG高端圆形菜单导航

这是一款非常富有创意的jQuery菜单导航插件,菜单项的小图标是使用SVG路径绘制而成,简单实用。同时每一个菜单项排列成一个圆圈,菜单项切换时,中间的圆圈也会随着移动,而且中间的大圆圈中会显示对应菜单项的描述和链接按钮。

jquery-svg-circle-menu

在线演示源码下载

jQuery/CSS3波浪形弹性下拉菜单

还记得以前分享过一款HTML5/CSS3 3D下拉折叠菜单吗?波浪形的折叠效果的确让菜单的外观增添了不少色彩。这次我们要分享一款基于jQuery和CSS3的波浪形弹性下拉菜单,主菜单项的外观呈现出波浪形的线条样式,鼠标滑过菜单项时可以展开子菜单,展开时产生弹性的动画效果。

jquery-css3-wave-drop-menu

在线演示源码下载

jQuery简易时尚的圆形展开菜单

今天要给大家介绍一款相当个性化的jQuery菜单,菜单是圆形展开的样式,菜单收拢时只显示一个小按钮图标,当点击按钮时,菜单项即可展开并显示在小按钮四周的圆环上,每一个菜单项也是一个简易时尚的小图标,也比较实用。类似的菜单还有以前我们分享过的HTML5/CSS3超酷环形动画菜单

jquery-radial-menu

在线演示源码下载

jQuery滑块动画菜单 点击带发光动画

之前我们分享过很多功能和外观都不同的jQuery菜单和CSS3菜单,比如最近介绍的个性化jQuery/CSS3气泡圆形菜单,也比如以前分享的CSS3 3D动画菜单 4种颜色主题也非常不错。今天要分享的是一款基于jQuery的滑块动画菜单,点击菜单项时下面会有一个线条随之滑动,并且菜单项会出现发光的动画特效。

jquery-slider-menu-shining

在线演示源码下载

jQuery模拟iPhone X的Notch下拉滚动条菜单

iPhone X刚发布不久,今天我们要分享一个基于jQuery的Notch下拉滚动菜单,当我们滚动鼠标滚轮时,菜单也随机会跟着上下滚动,与一般滚动条不同的是,每次菜单滚动时,菜单内容会自动缩进,就像是流体从突出的墙面流过一样,效果非常不错。

jquery-iphone-x-notch

在线演示源码下载

jQuery带小图标手风琴垂直菜单

这是一款非常实用的jQuery手风琴垂直菜单,它的特点是每一个菜单项左侧都有一个描述相应功能的小图标。类似的手风琴菜单还有很多,比如这款CSS3垂直手风琴折叠菜单就十分强大,也比如这款CSS3手风琴下拉菜单支持多个菜单项同时展开。

jquery-accordion-with-icon

在线演示源码下载

jQuery/CSS3气泡圆形菜单 可拖拽切换菜单项

这是一款非常富有创意的网页菜单,基于jQuery和CSS3实现。这款菜单是气泡外观的菜单项,我们可以定义任意数量的菜单项,每一个菜单项形成一个气泡,鼠标拖拽是可以选择其中一个气泡菜单项,点击后即可进入该菜单,当然我们可以为每一个菜单项定义进入后的子菜单。总体来说功能比较完备,非常适合在个性化的个人博客中使用。

jquery-css3-bubble-menu

在线演示源码下载

jQuery多功能手风琴个人信息菜单面板

这是一款基于jQuery的手风琴个人信息菜单面板,每一个菜单项展开后可以自定义布局,因此可以为每一个菜单项实现多功能。类似这样的多功能菜单还有jQuery/CSS3大屏下拉菜单,非常实用。由于这款手风琴菜单是基于jQuery框架的,因此兼容性和实用性很强。

jquery-accordion-person-info

在线演示源码下载

jQuery/CSS3镜像文字垂直菜单导航

菜单导航我们已经分享过很多了,当然垂直菜单也有不少,比如这款CSS3垂直手风琴折叠菜单纯CSS3垂直菜单 菜单项滑动动画都非常不错。今天要分享的也是一款基于CSS3的垂直菜单导航,它的特点是鼠标滑过菜单文字时,文字将呈现镜像的动画特效。

jquery-css3-mirror-menu

在线演示源码下载

jQuery左右列表选中内容快速切换插件

今天来介绍一款非常实用的jQuery列表内容切换插件,我们可以通过中间的按钮将列表中的内容快速地转移到选中列表和非选中列表中,该插件支持选中单个列表项的转移,也支持所有列表项的转移,使用起来非常方便。

jquery-list-content-change

在线演示源码下载