分类: 系统运维
2009-05-14 15:44:10
JavaScript允许你在网页中添加交互和反馈,使得用户体验更棒也更直观。
在这篇文章中,你将发现一些非常棒的、独特的JavaScript导航技巧和实例。
小贴士:如果图片是单独在一个页面上而没有“查看演示页面”的提示,点击每张图片将直接跳转到导航菜单技巧的演示页面。而点击该技巧的名称则将跳转到其开发项目组网页上。
这个实例包含根据首字母排序或者乱序的链接菜单,并且可以将其转变成动态下拉菜单,可以使垂向的,也可以是横向的。
这是一个当用户鼠标停留其上会显示动态菜单的技巧。源文件包括PSD(PSD是Adobe Photoshop的文件格式)提供下载。
呈现了一个奇特的JavaScript菜单,它利用jQuery模拟了真实的车库门的效果。
一个漂浮在页面上的独特的菜单。用户可以拖动它到任何一个想要的地方。
呈现一个下拉菜单,下拉菜单能显示更多链接。
你可以使用这个技术产生带动画效果的滚动标签条。
Antonio Lupetti presents a Digg-like menu that uses simple JavaScript.Antonio Lupetti使用简单的JavaScript展示一个类似Digg的菜单。
当你把鼠标停留在一个选项上,你将看到使用jQuery的CSS滑动门效果产生。另一个代替版本Mootols在这里可访问。
如果你是一个超级Mac dock迷,那么你会喜欢这个菜单。
一个很好的复合手风琴状菜单。
这个滑动悬停效果脚本用来高亮显示菜单选项是一个很简单的技术。
这个技巧允许你淡入淡出菜单项目。
一个简单的JavaScript下拉菜单。
一个使用jQuery和CSS背景位移属性创建动态菜单的技巧。
一个使用MooTools实现当你把鼠标放在选项上时链接字体变大的菜单。
这是一个可以用来做垂向侧边菜单的手风琴插件。
另一个基于MooTools、拥有更多特色的JavaScript菜单。
使用这款标签实例轻松分开内容。
一个在Prototype框架上编写的用户可自定义右键菜单。
这个菜单实例允许你拥有两级导航。当你在主列表单击,次级列表会展开。