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

CSS3文字菜单鼠标悬停气泡提示动画

之前我们介绍过一些基于jQuery和CSS3的气泡提示框,大家可以看看CSS气泡提示框 可自定义配置箭头。今天要给大家带来另外一款基于CSS3的文字菜单鼠标悬停气泡提示动画,它比较适合用在文字菜单上,当鼠标滑过菜单项时,你可以定义其弹出一个气泡提示框,可以是一个小图标。另外,这些气泡提示框在弹出的时候还会配合一定的动画特效。

css3-text-bubble-tips

在线演示源码下载

jQuery 3D 垂直多级菜单 可筛选菜单项

关于垂直多级菜单,之前我们已经有分享很多了,大家可以看看jQuery多层级垂直手风琴菜单CSS3垂直手风琴折叠菜单等,都非常不错。这次要介绍的这款也是手风琴样式的垂直多级菜单,其特点是利用CSS3特性让菜单外观显得3D立体的效果,同时你也可以在搜索框中输入关键字来筛选菜单项。

jquery-3d-menu-with-search

在线演示源码下载

jQuery多层级垂直手风琴菜单

之前我们分享过一款类似的jQuery垂直手风琴菜单CSS3手风琴菜单 下拉展开带弹性动画,这次分享的这款手风琴菜单是多层级的,你可以通过HTML结构生成任意层级的菜单。由于是基于jQuery的,因此这款手风琴菜单的兼容性还不错。

jquery-level-accord-menu

在线演示源码下载

jQuery动画二级下拉菜单

对于jQuery菜单,大家已经非常熟悉了,我们也已经分享过很多jQuery菜单和CSS3菜单。今天要介绍的这款jQuery菜单是二级下拉菜单,并且在子菜单展开的时候出现动画效果。更为特别的是,鼠标滑过子菜单项时会产生该菜单项的提示。

jquery-animate-dropdown-menu

在线演示源码下载

jQuery实现苹果Dock样式的菜单

之前我们分享过相当数量的jQuery菜单了,像这款jQuery左侧带小图标的多级下拉菜单就比较有特色,而且也非常实用。今天要给大家带来一款Dock样式的jQuery菜单,用过苹果的朋友都知道,它的Dock菜单非常酷,配合漂亮的图标就更加绚丽了。

jquery-dock-menu-2

在线演示源码下载

jQuery左侧带小图标的多级下拉菜单

今天我们要来分享一款很不错的jQuery左侧带小图标的多级下拉菜单,菜单是垂直的,每一个菜单项带有一个小图标,看起来非常专业。并且菜单支持无限极下拉,所以对各位Web开发者来说非常实用。菜单时基于jQuery的,所以基本可以支持所有的浏览器。

jquery-side-icon-dropdown-menu

在线演示源码下载

jQuery/CSS3带未读提醒的垂直菜单

这是一款基于jQuery和CSS3的垂直动画菜单,这款jQuery菜单的特点是菜单整体悬浮在一张大气的背景图片上,很有立体的视觉效果。其次这款菜单带有信箱未读提醒,并且不断地闪烁来提示用户打开邮件箱check邮件。

jquery-css3-menu-with-inbox

在线演示源码下载

jQuery二级下拉菜单 菜单简易实用

这次要分享的依然是一款jQuery下拉菜单,这款下拉菜单尽管只有二级下拉的功能,但是实际表现形式却可以使多级的下拉菜单。这款jQuery菜单的外观是红色的,看上去非常温暖,菜单的整体看上去非常简单,但是却相当实用,你可以试试。

jquery-2-dropdown-menu

在线演示源码下载

jQuery Bootstrap响应式下拉菜单

今天我们要来分享一个基于jQuery和Bootstrap的响应式下拉菜单,这款菜单的特点就是菜单项可以有二级下拉菜单,而且当页面宽度比较窄时菜单项将集中在一个下拉菜单下,非常适合移动网站。由于是基于jQuery的,兼容性也还可以。

jquery-bootstrap-dropdown-menu

接下来我们一起看看实现这款下拉菜单的源代码,代码主要由HTML、CSS以及jQuery组成。

HTML代码:

<nav class="navbar navbar-default equinav" role="navigation">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar">&lt[......]

阅读全文>>

jQuery/CSS3滑块动画菜单 6种菜单样式

之前我们介绍过一款4种颜色主题的CSS3 3D动画菜单,效果很不错。今天要分享一个有6种外观样式的jQuery/CSS3滑块动画菜单,当鼠标滑过菜单项时,菜单项上方即会滑过一个遮罩动画。另外,这款菜单有6中外观供你选择,非常不错。

jquery-css3-silder-menu

在线演示源码下载