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

经典的jQuery垂直手风琴二级下拉菜单

最近我们刚刚为大家分享过一款基于jQuery和Bootstrap的垂直手风琴下拉菜单,效果非常不错。今天我们要再为大家介绍另外一款经典的jQuery垂直手风琴二级下拉菜单,菜单的界面非常简洁,菜单项由文字和小图标组成,非常适合网站后台管理的侧边菜单栏。

jquery-vertical-accordion-menu

在线演示源码下载

基于jQuery和Bootstrap的垂直手风琴下拉菜单

今天我们要为大家分享一款基于jQuery和Bootstrap的垂直手风琴下拉菜单,因为它是Bootstrap风格的,所以外观上绝对可以称得上完美。另外,菜单项在展开的时候,菜单项的内容将会以飞入的动画特效展示出来,同时菜单项的展开按钮也会出现旋转的动画。与这款菜单类似的还有CSS3响应式垂直手风琴菜单基于jQuery和Bootstrap的手风琴垂直菜单这两款。

jquery-bootstrap-accordion-drop-menu

在线演示源码下载

jQuery五彩Tab选项卡动画

前段时间刚刚为大家分享过一款jQuery圆角可自由伸缩的Tab选项卡,相当实用。今天要继续分享一款五彩的jQuery Tab选项卡动画插件,它与其他的Tab选项卡不同的是,不仅有多种风格可自由选择切换,而且切换每一个Tab页的时候Tab页内容的背景就会不同,非常炫酷。

jquery-tab-colorful

在线演示源码下载

红色主题的jQuery电子商务二级下拉菜单

对于jQuery二级下拉菜单,我们之前已经分享过很多款了,比如这款jQuery二级下拉菜单 菜单简易实用CSS3多级下拉菜单 弹性展开下拉动画,大部分都是比较实用。今天要再为大家奉上一个非常实用的jQuery红色主题的二级下拉菜单,它非常实用在电子商务网站上使用。

jquery-rad-dropdown-menu

在线演示源码下载

漂亮的jQuery黑色宽屏下拉导航菜单

这是一款基于jQuery的宽屏下拉菜单,菜单整体的外观呈灰黑色,显得非常冷酷和大气。下拉菜单的宽度与主菜单齐平,因此是属于宽屏的菜单,这和我们之前分享的jQuery宽屏下拉菜单导航比较类似。这款下拉菜单的另外一个特点是,子菜单允许使用图片,因此内容相对比较丰富。

jquery-black-dropdown-menu

在线演示源码下载

jQuery垂直经典Tab内容切换插件 SVG绘制小图标

之前也有介绍过很多Tab内容切换插件,有水平切换的,也有垂直切换的,比如CSS3/jQuery实现Tab菜单小工具jQuery右侧Tab选项卡的焦点图插件,都是非常实用的。这次要分享的也是一款基于jQuery的Tab插件,它是垂直切换内容的,特点是利用svg绘制小图标放置在tab按钮上,让整个Tab切换插件在外观上漂亮了不少。

jquery-tab-svg-icon

在线演示源码下载

jQuery圆角可自由伸缩的Tab选项卡

今天我们要分享一款很不错的jQuery Tab选项卡插件,这款选项卡插件的特点是Tab标签页两端是圆角的,看上去没有那么生硬。同时Tab页的内容是可以自由伸缩的,可以适应不同页面大小和文字内容的长短。另外我们也推荐大家使用之前介绍的一款HTML5 SVG Tab滑块菜单,也非常不错。

jquery-fillet-tab-content

在线演示源码下载

超实用的jQuery图文结合Tab菜单插件

今天我们要来分享一款非常实用的jQuery Tab菜单切换插件,它可以在商品分组显示中使用,并且是图文结合的,比如各大网上商城的产品推荐等。当我们将鼠标滑过Tab选项卡时,既可以将该Tab的内容激活,是一款非常不错的jQuery插件

jquery-tab-image-text

在线演示源码下载

基于Bootstrap外观的JavaScript右键菜单插件

前几天我们刚刚分享过一款超实用jQuery右键菜单,使用和配置都比较简单。这次我们要分享的也是一款JavaScript右键菜单插件,它的外观是基于Bootstrap的,因此UI比之前那款要漂亮许多,另外这款右键菜单插件也支持自定义区域菜单显示功能,你可以在初始化的时候指定需要弹出菜单的网页区域,一般是指定classname即可。

bootstrap-js-context-menu

在线演示源码下载

宽屏大气的jQuery二级下拉菜单

这是一款非常实用的jQuery二级下拉菜单,菜单整体样式并没有花哨的装饰,仅仅使用CSS控制一些线条的样式,就让菜单的外观显得非常漂亮。菜单拥有二级下拉功能,鼠标滑过子菜单时,菜单项会有一定的缩进动画效果。如果你的菜单项数量比较多,那么这款jQuery菜单插件可以让你的菜单项全屏展开,非常大气。

jquery-drop-menu-fullscreen

在线演示源码下载