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

jQuery左侧边栏多级菜单 适合后台管理页面使用

这是一款基于jQuery的侧边栏多级下拉菜单插件,这个菜单的特点是可以固定在左侧边栏,当页面滚动时整个菜单可以保持一直可见,方便操作。类似的菜单插件还有CSS3侧边栏单页切换小图标菜单CSS3侧边栏手风琴菜单,都非常实用。这种菜单非常适合在网站的后台管理页面中使用。

jquery-sider-menu-admin

在线演示源码下载

jQuery/CSS3适应手机端的Tab菜单页面切换插件

今天给大家分享一款设计和精致的jQuery Tab页面切换插件,它的样式风格与传统的Tab切换不同,首先Tab标签使用的是小图标模式,就像一个按钮一样。另外,在切换tab时,tab标签的样式也很有特点,是一个凸起的弧形,给人3D立体的视觉效果。同时切换tab时背景颜色还可以自动切换。

jquery-css3-mobile-tab

在线演示源码下载

jQuery手风琴样式的多级下拉菜单

在网页后台系统中,我们经常会用到垂直方向上的手风琴菜单,因为这种可折叠的菜单不仅可以给功能分类,而且可以容纳更多的内容。今天要分享一款基于jQuery的手风琴样式的多级下拉菜单,它的特点与其他手风琴菜单相比支持任意级的多级下拉,这功能非常实用。

jquery-accordion-mult-menu

在线演示源码下载

jQuery圆形旋转切换菜单 带菜单项描述

jQuery有着无数的插件,菜单插件是jQuery插件中最多的,尤其是CSS3和HTML5的配合,让jQuery菜单变得更加丰富多彩。今天我们要给大家分享一款基于jQuery的创意菜单,它是圆形旋转的菜单项,菜单项会自动切换,并在切换时在圆形中间显示当前菜单的菜单项描述信息。

jquery-circle-rotate-menu

在线演示源码下载

JavaScript可展开隐藏的侧边栏下拉菜单

这是一款基于纯JavaScript实现的侧边栏菜单,因为整个菜单并没有使用jQuery等第三方插件,因此菜单比较轻量级的。这款JS侧边栏菜单的特点是点击按钮可以展开和隐藏,并且在隐藏时自动显示提示文字,展开后又隐藏提示文字,很好地做到了自适应效果。

javascript-side-drop-menu

在线演示源码下载

jQuery/CSS3右下角展开菜单按钮

记得以前给大家分享过一款HTML5/CSS3实现iOS Path菜单,它是从左下角弹出菜单项的,效果非常不错。这次我们带来的这款菜单与之前的类似,是一款基于jQuery和CSS3的右下角展开菜单,点击展开按钮即可从右下角展开菜单项,点击菜单项即可进入相应菜单对应的页面内容。

jquery-css3-expanding-menu

在线演示源码下载

jQuery/CSS3淡入淡出动画的多级下拉菜单

今天我们要给大家介绍一款非常不错的jQuery多级下拉菜单,它的特点是菜单在弹出下拉菜单项时,菜单项将会以淡入的动画方式显示,同样下拉菜单在隐藏时,菜单项又会以淡出的动画方式消失。这其中便是使用了CSS3的相关动画特性,才让这款实用的jQuery下拉菜单变得如此有味道。

jquery-css3-dropdown-menu-fadein

在线演示源码下载

jQuery圆形多选菜单选项 带旋转飞入动画

之前我们分享过一些基于jQuery和CSS3的圆形菜单,比如这个超酷的jQuery/CSS3五彩环形弹出菜单就非常炫酷。这次介绍的jQuery圆形多选菜单选项菜单也非常不错,它与上面那款菜单相比特点在于它可以进行子菜单的多选操作,还是比较实用的。

jquery-circle-menu-options

在线演示源码下载

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

今天我们要给大家分享一款超清新的CSS3带小图标垂直手风琴菜单,这款手风琴菜单的特点是菜单项带有小图标,而且如果存在二级菜单,该菜单项右侧则有箭头符号表示。菜单项展开时,其他菜单项同时会隐藏。这款CSS3手风琴菜单非常适合网站后台管理页面中使用。

css3-accordion-icon-menu

在线演示源码下载

超酷的jQuery/CSS3五彩环形弹出菜单

今天我们要为大家分享一款非常漂亮的jQuery/CSS3五彩环形弹出菜单,一开始菜单项都聚集在一起,并且每个菜单项都微微错开,就像一个彩色团子。点击团子后,菜单项就会以弹出的形式展开,并形成一个环形,再点击Close按钮后,菜单项又会收拢,动画效果非常酷。类似的菜单我们之前也有分享过,比如这款jQuery简易时尚的圆形展开菜单jQuery SVG高端圆形菜单导航

jquery-css3-circle-pop-menu

在线演示源码下载