Chinaunix首页 | 论坛 | 博客
  • 博客访问: 281102
  • 博文数量: 48
  • 博客积分: 2010
  • 博客等级: 大尉
  • 技术积分: 890
  • 用 户 组: 普通用户
  • 注册时间: 2007-12-06 18:50
文章分类
文章存档

2009年(9)

2008年(39)

我的朋友

分类: 系统运维

2009-05-14 15:44:10

JavaScript允许你在网页中添加交互和反馈,使得用户体验更棒也更直观。

在这篇文章中,你将发现一些非常棒的、独特的JavaScript导航技巧和实例。

小贴士:如果图片是单独在一个页面上而没有“查看演示页面”的提示,点击每张图片将直接跳转到导航菜单技巧的演示页面。而点击该技巧的名称则将跳转到其开发项目组网页上。

1.

这个实例包含根据首字母排序或者乱序的链接菜单,并且可以将其转变成动态下拉菜单,可以使垂向的,也可以是横向的。

menumatic

 

2. 使用jQuery的Animated Menu

这是一个当用户鼠标停留其上会显示动态菜单的技巧。源文件包括PSD(PSD是Adobe Photoshop的文件格式)提供下载。

Animated Menu using jQuery

查看演示页面

3.

呈现了一个奇特的JavaScript菜单,它利用jQuery模拟了真实的车库门的效果。

Garagedoor Effect using jQuery

4. JGlide滑动菜单

一个漂浮在页面上的独特的菜单。用户可以拖动它到任何一个想要的地方。

JGlide Menu

查看演示页面

5.

呈现一个下拉菜单,下拉菜单能显示更多链接。

Sliding jQuery Menu

6.

你可以使用这个技术产生带动画效果的滚动标签条。

Perspective Tabs

7. 垂向类Digg菜单

Antonio Lupetti presents a Digg-like menu that uses simple JavaScript.Antonio Lupetti使用简单的JavaScript展示一个类似Digg的菜单。

Vertical Digg-like Menu

8. 火焰灯

当你把鼠标停留在一个选项上,你将看到使用jQuery的CSS滑动门效果产生。另一个代替版本Mootols在这里可访问。

LavaLamp

9.

如果你是一个超级Mac dock迷,那么你会喜欢这个菜单。

Fisheye Menu

10.

一个很好的复合手风琴状菜单。

Simple JavaScript Accordions

11.

这个滑动悬停效果脚本用来高亮显示菜单选项是一个很简单的技术。

Sliding JavaScript Menu Highlight

12.

这个技巧允许你淡入淡出菜单项目。

Fading Menu - Replacing Content

13.

一个简单的JavaScript下拉菜单。

Simple Multi-level Drop-Down Menu

14. 使用jQuery做背景图片的动画效果

一个使用jQuery和CSS背景位移属性创建动态菜单的技巧。

Using jQuery for Background Image Animations

15. Mootools Redux

一个使用MooTools实现当你把鼠标放在选项上时链接字体变大的菜单。

Mootools Redux

查看演示页面

16.

这是一个可以用来做垂向侧边菜单的手风琴插件。

Using jQuery for Background Image Animations

17.

另一个基于MooTools、拥有更多特色的JavaScript菜单。

UvumiTools Dropdown Menu

18.

使用这款标签实例轻松分开内容。

jQuery UI Tabs

19.

一个在Prototype框架上编写的用户可自定义右键菜单。

Proto.Menu: Right Click Menu

20.

这个菜单实例允许你拥有两级导航。当你在主列表单击,次级列表会展开。

Accessible Expanding and Collapsing menu

那你呢,你在使用什么?

阅读(847) | 评论(0) | 转发(0) |
0

上一篇:MYSQL:master/slave主从复制

下一篇:没有了

给主人留下些什么吧!~~