`
tianyaxiang
  • 浏览: 311966 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
阅读更多

    目前,jQuery的菜单正变得越来越流行。我们可以使用jQuery创造美化菜单,通过一些鼠标操作让菜单变的有吸引力和有趣。

       jQuery菜单插件,用于创建与动态(动画)背景菜单。每个菜单项可以是背景图像,这样,当鼠标从一个菜单项移动到另一个背景图像被替换使用的动画过渡。

       设计网站导航使用jQuery的javascript菜单应干净和舒适的!今天我所收集的30个最佳jQuery的菜单,如jQuery的菜单导航jQuery的菜单列表jQuery的垂直菜单jQuery的滑动菜单,jQuery的浮动菜单jQuery的横向菜单

1. Rocking and Rolling Rounded Menu with jQuery | Demo

image

2. Grungy Random Rotation Menu with jQuery and CSS3 |Demo

image

 

3. How to Make a Smooth Animated Menu with jQuery | Demo

image

 

4. Slide Down Box Menu with jQuery and CSS3 | Demo 

image

5. Image Menu with Jquery | Demo 

image

6. Create an apple style menu and improve it via jQuery |Demo

image

7. Sexy Drop Down Menu  jQuery & CSS

image

8. Make a Mega Drop-Down Menu with jQuery | Demo 

image

9. Mega Drop Down Menus w/ CSS & jQuery | Demo

image

10. Beautiful Slide Out Navigation: A CSS and jQuery TutorialDemo 

image

11. Awesome Cufonized Fly-out Menu with jQuery and CSS3 |Demo 

image

12. Animated Drop Down Menu with jQuery | Demo 

image

13. Sliding Jquery Menu | Demo 

image

14. jQuery style menu with CSS3 | Demo 

image

15. Making Better Select Elements with jQuery and CSS3

image

下载View Demo
8
2
分享到:
评论
12 楼 ljmomo 2012-03-31  
很漂亮,
11 楼 tianyaxiang 2012-01-13  
jssay 写道
good article

多谢支持
10 楼 jssay 2012-01-13  
good article
9 楼 tianyaxiang 2012-01-13  
天涯想 写道
我的名字被楼主抢注了,呵呵

哦,是吗,哈哈
8 楼 天涯想 2012-01-13  
我的名字被楼主抢注了,呵呵
7 楼 天涯想 2012-01-13  
不错也,很漂亮
6 楼 tianyaxiang 2012-01-13  
stormtoy 写道
灰常好!

多谢支持
5 楼 tianyaxiang 2012-01-13  
lingfa0511 写道
不错!开眼界了!

多谢支持
4 楼 tianyaxiang 2012-01-13  
myohmy1 写道
是幻觉还是怎么着
这图片我一个都看不到...
浏览器原因么

我看了下,图片的问题,现在没问题了,你在看下
3 楼 myohmy1 2012-01-13  
是幻觉还是怎么着
这图片我一个都看不到...
浏览器原因么
2 楼 lingfa0511 2012-01-13  
不错!开眼界了!
1 楼 stormtoy 2012-01-13  
灰常好!

相关推荐

    html+css+jquery导航菜单

    9. **jquery动画菜单熔岩灯菜单效果 jsfoot 网页特效_files**、**images**、**jquery**、**jquery二级下拉菜单列表_files**、**简洁的JQuery竖导航菜单**: 这些文件夹可能包含了相应的CSS、JavaScript代码、图片...

    修正了bug的php+mysql+jquery联动菜单

    在IT行业中,构建交互式网站时,我们常常需要使用到动态联动菜单,这是一种增强用户体验、提高网站导航效率的重要设计。本资源"修正了bug的php+mysql+jquery联动菜单"正是针对这一需求的一个解决方案,它修复了之前...

    jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单

    jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单 jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单 jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单 jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单

    css+jquery导航

    通过结合CSS和jQuery,我们可以创建出功能强大且视觉吸引力强的导航菜单,无论用户是在台式机、平板还是手机上浏览,都能提供出色的用户体验。这个"css+jquery导航"示例就是一个很好的学习起点,可以帮助开发者理解...

    超酷响应式css3+jquery多级导航菜单效果

    例如,当用户悬停在菜单项上时,jQuery可以控制子菜单的显示和隐藏,同时配合CSS3的过渡效果,使切换过程更加流畅自然。 项目包含的文件有多个HTML示例(index2.html、index5.html、index4.html、index3.html、...

    jquery 浮动导航菜单

    jQuery 是一个流行的 JavaScript 库,提供了丰富的功能和简洁的语法,使得创建动态交互的浮动导航菜单变得非常简单。本文将深入探讨如何利用 jQuery 实现一个高效且响应式的浮动导航菜单。 首先,我们需要了解浮动...

    jQ+CSS3滑块导航菜单 jQuery+CSS3滑块导航菜单网页特效.zip

    "jQ+CSS3滑块导航菜单 jQuery+CSS3滑块导航菜单网页特效" 是一个结合了jQuery和CSS3技术的创新性导航菜单实现,旨在提供更加动态、交互性强的用户体验。这个压缩包文件包含了一个实现这一效果的实例,让我们深入探讨...

    jquery横向导航菜单

    本文将深入探讨如何使用jQuery和CSS技术来创建一款“非常漂亮的横向导航菜单”,即“Fluid Navigation CSS & jQuery”。 首先,我们要理解jQuery的核心概念。jQuery是一个轻量级的JavaScript库,它简化了HTML文档...

    jQuery自适应横排下拉菜单导航代码

    "jQuery自适应横排下拉菜单导航代码"提供了一个高效且美观的解决方案,尤其适合那些希望提升用户体验的开发者。这个代码利用jQuery库实现,能够根据屏幕尺寸自动调整布局,确保在各种设备上都能良好地展示。 首先,...

    jquery上下滚动菜单导航代码

    在本文中,我们将深入探讨如何使用jQuery来创建一个上下滚动的菜单导航,以便在有限的空间内展示更多的菜单项。这个技术尤其适用于那些菜单项目较多、页面布局紧凑的网站。 首先,我们需要理解jQuery的基本概念。...

    jquery特效导航菜单

    一个良好的导航菜单应当能适应不同屏幕尺寸,如通过媒体查询(`@media`规则)来调整菜单布局,使其在手机和平板等设备上也能正常使用。 7. **代码组织**:易读性和可维护性是优秀代码的标志。"jQuery特效导航菜单"的...

    jquery+css导航菜单

    【jQuery + CSS 导航菜单】是网页设计中常见的元素,用于组织和呈现网站的层级结构,方便用户浏览和交互。这种菜单利用了JavaScript库jQuery的强大功能和CSS(层叠样式表)的视觉表现力,结合在一起能创建出动态、...

    Jquery京东导航菜单

    `Jquery京东导航菜单`是一个基于jQuery实现的,模仿京东网站风格的导航菜单。这个菜单通常具有响应式设计,能够在不同设备上提供良好的用户体验,尤其在移动设备上,通过折叠或展开子菜单来适应屏幕大小。 jQuery是...

    jQuery后台左侧三级导航菜单

    本文将深入探讨jQuery实现的后台左侧三级导航菜单的原理和应用。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画效果以及Ajax交互等任务。在构建后台导航菜单时,jQuery提供了丰富...

    漂亮的jquery实用的下拉菜单导航条代码

    本资源提供了“漂亮的jquery实用的下拉菜单导航条代码”,旨在帮助开发者实现美观且功能强大的下拉菜单导航条。下面将详细探讨jQuery下拉菜单的实现原理、相关知识点以及如何运用这些代码。 jQuery是一个轻量级的...

    jquery圆形导航菜单

    **jQuery圆形导航菜单详解** 在Web开发中,创建吸引人的用户界面是至关重要的,而导航菜单作为用户与网站交互的主要入口,其设计和实现尤为重要。本文将深入探讨如何使用jQuery来构建一个美观且功能完善的圆形导航...

    jQuery响应式导航菜单.zip

    "jQuery响应式导航菜单"是一个专为实现这一目的而设计的解决方案。这个项目使用了两个核心JavaScript库:jQuery 1.8.3和pgwmenu.min.js,它们共同创建了一种动态、适应性强的菜单系统,尤其适用于现代网页设计,特别...

    使用CSS+jQuery实现的水平二级菜单

    总之,"使用CSS+jQuery实现的水平二级菜单"是前端开发中的基础技能,结合CSS的布局和样式控制以及jQuery的动态交互,可以创建出功能强大、视觉效果良好的导航系统。通过对这些知识点的深入理解和实践,可以提升网页...

    两款jquery下拉导航菜单支持多级的下拉导航菜单代码

    本资源包含两款支持多级下拉的jQuery导航菜单代码,非常适合需要构建层级结构清晰、响应式的网站。 首先,我们来看第一款jQuery下拉导航菜单。这款菜单利用了jQuery的事件监听和DOM操作功能,实现了鼠标悬停时展开...

    jQuery苹果风格的菜单导航

    "jQuery苹果风格的菜单导航"就是一种尝试模拟苹果公司标志性的简洁、优雅界面设计的实践。jQuery库以其强大的DOM操作和丰富的插件,使得实现这种菜单导航变得相对简单。 首先,我们来了解jQuery的核心概念。jQuery...

Global site tag (gtag.js) - Google Analytics