PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

20个优秀的Javascript导航技术

20个优秀的Javascript导航技术

来源:phperz.com  作者:phperz.com  发布时间:2011-08-24
因为Javascript可以处理和用户的交互,所以使用Javascript会有更好的用户体验。在这篇文章里,你可以看到一些 独一无二超个性的Javascript制作的导航条 。 1. MenuMatic 这个示例主要是展示了一个排序的纵向或横向的下拉式菜单导航条。 演示页面 2. JQuery制作的动画按

因为Javascript可以处理和用户的交互,所以使用Javascript会有更好的用户体验。在这篇文章里,你可以看到一些独一无二超个性的Javascript制作的导航条

1. MenuMatic

这个示例主要是展示了一个排序的纵向或横向的下拉式菜单导航条。

menumatic

演示页面

 

2. JQuery制作的动画按钮菜单

当鼠标经过的时候,按钮会有下压的感觉。

Animated Menu using jQuery

演示页面

3. jQuery 卷帘门特效导航条

Gaya Kessler 设计了这样一种卷帘门式导航条,相当的酷。

Garagedoor Effect using jQuery

演示页面

4. JGlide 菜单

一个独特的平面式菜单,整个菜单可以被随意拖动。

JGlide Menu

演示页面

5. jQuery 纵向滑动式菜单

HVDesigns 设计这个下拉式滑动式菜单。

Sliding jQuery Menu

演示页面

6. Perspective Tabs

这个技术很酷了,有点类似于iPhone,通过鼠标可以滚动导航条。

Perspective Tabs

演示页面

7. Digg.com式的下拉菜单

这个digg.com式的下拉菜单只使用了非常小的Javascript代码。

Vertical Digg-like Menu

8. LavaLamp

当鼠标经过的时候,菜单项上会有一个小阴影尾随着。以前,这样的技术基本上通过Flash完成的。

LavaLamp

9. 鱼眼菜单

鼠标经过的时候,图标会变得大起来。这个技术相当不错。

Fisheye Menu

10. 简单的JavaScript折叠式菜单

相当不错的一相折叠式菜单。

Simple JavaScript Accordions

演示页面

11. 高亮滑动式菜单

这个特效和第8个很类似。

Sliding JavaScript Menu Highlight

12. 高亮式菜单

鼠标经过的时候,菜单项会高亮起来。而没有鼠标的经过的时候,其是暗淡的。

Fading Menu - Replacing Content

 演示页面

13. 简单的多级下拉菜单

这是一个教程,教你怎么做这个菜单。

Simple Multi-level Drop-Down Menu

14. jQuery 制作的背景图动画菜单

Using jQuery for Background Image Animations

 演示页面

15. Mootools Redux

使用MooTools 制作的一个“鱼眼”式的导航条。

Mootools Redux

 演示页面

16. 折叠式边栏菜单

Using jQuery for Background Image Animations

17. UvumiTools 式的下拉菜单

另一个基于MooTools 制作的下拉菜单。

UvumiTools Dropdown Menu

18. jQuery UI Tabs

使用jQuery制作的Tab页.

jQuery UI Tabs

 演示页面

19. 右键菜单Proto.Menu

使用Prototype 框架制作的右键菜单。

Proto.Menu: Right Click Menu

20. 展开/收起式菜单

一个支持两层的有点类似于树形的菜单。

Accessible Expanding and Collapsing menu

演示页面


延伸阅读:
div+css:tab风格导航
一个分页导航源码
很眩的半透明下拉菜单导航条
css做的一个很漂亮的分页导航
25个优秀的下拉菜单导航脚本
WML教程3:任务与导航-赋值与数据交换
再看七个经典jQuery网站导航脚本推荐
30 款下拉菜单导航菜单脚本欣赏
分享20款漂亮实用的WEB2.0导航菜单源码下载
常用的DIV+CSS导航条
jQuery导航菜单插件 AutoSprites
创建一个纯CSS的水平导航条
14 个很酷的 jQuery 导航菜单插件
简洁JQuery手风琴竖导航菜单
JavaScript—旋转导航菜单
30种时尚的CSS网站导航条
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号