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

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

在线演示源码下载

jQuery/CSS3列表按钮删除弹性动画

今天我们要给大家分享一款很特别的jQuery按钮动画,首先按钮以列表的方式垂直或者水平排列。当我们拖动列表项时整个列表将会出现弹性的动画特效。另外,还有一种模式是点击列表的其中一项时,该项会被删除,同时其他列表项也会出现弹性抖动的动画效果。

jquery-css3-delete-animate

在线演示源码下载

jQuery/CSS3 3D Tab菜单选项卡插件

之前我们分享过很多基于jQuery和CSS3的Tab选项卡菜单插件,很多都非常实用,比如这款jQuery五彩Tab选项卡动画,也有些非常炫酷,比如这款CSS3华丽的Tab菜单 带小图标动画。今天我们再分享一款jQuery/CSS3 3D Tab菜单选项卡插件,它的特点是Tab菜单项带有阴影效果,看上去有3D立体的视觉效果,也十分有用。

jquery-css3-3d-tab

在线演示源码下载

jQuery实现Tooltip弹出样式的分享按钮

这是一款比较实用而美观的jQuery分享按钮插件,和前面分享又一波CSS3社会化分享图标 可旋转和悬停一大波CSS3社会化分享图标按钮相比,这款分享按钮并没有提供大量的社交网站的按钮图标,但是它的特点是点击分享按钮时,会以Tooltip弹出框的样式显示分享按钮,并且在弹出时伴随着左右摇晃的动画特效。

jquery-tooltip-share-button

在线演示源码下载

jQuery简易清新Tab菜单插件 可初始化多个实例

不久前我们分享过一款轻巧可爱的jQuery Tab菜单插,外观非常个性化。这次我们同样要为大家介绍一款基于jQuery的Tab菜单插件,这款jQuery Tab插件非常简单,唯一的CSS渲染就在Tab菜单项的边框颜色。另外,这款Tab插件还可以同时实例化多个菜单实例,因此比较实用。

jquery-easy-tab-menu

在线演示源码下载