
动画及视觉反馈是帮助用户在浏览和网站与网站互动的有效手段。虽然传统的Adobe的Flash是可以完成各种动画效果的,但是最近使用JavaScript的魔法,我们可以完全避免使用flash。
变换图标模仿mac的Dock菜单, 水平或者垂直,以图标扩大过渡可选的标签。
This is how looks finished demo version:
<a target="_blank" href="http://www.alistapart.com/d/sprites2/examples/example1-css.html">Preview</a>
Kwicks起源于Mootools中的一个效果(相同名字),逐渐演变成一个高度可定制的通用部件.
学习如何创建像 Vimeo网站的导航菜单 ,虽然只用了xhtml,css used,但是我仍然想包含他。
你可以添加许多子菜单;如果子菜单或者菜单在页面中没有声明,组件会通过AJAX通过调取菜单中的模板页ID来获取。你需要的(菜单属性值)ajax页面会返回并作为下面的菜单实例而格式化代码。
<a target="_blank" href="http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html">Preview</a>
<a target="_blank" href="http://snook.ca/technical/jquery-bg/">Preview</a>
MenuMatic是MooTools 1.2中使用语义列表或无序列表链接变成动态下拉菜单系统的类。For users without javascript, it falls back on a CSS menu system based on Matthew Carroll’s keyboard accessible flavor of Suckerfish Dropdowns by Patrick Griffiths and Dan Webb.( 不知如何翻译是好,>.< )
Perspective tabs是一个非常简单的 mootools 1.2 插件,可以在小空间内插入大量的选项卡。
Fisheye菜单是基于MacOSX文档可展开的菜单。
<a target="_blank" href="http://marcgrabanski.com/webroot/mint/pepper/orderedlist/downloads/download.php?file=http%3A//marcgrabanski.com/resources/fisheye-menu/fisheye-menu.zip">Download</a>
这滑动悬停效果脚本是为你的导航菜单添加一些风味的简单方法。使用CSS你可以方便的自定义菜单来满足你的“外观与感觉”要求。 脚本非常的简单,如下.
<a target="_blank" href="http://www.leigeber.com/wp-content/uploads/2008/05/menueffect.zip">Download</a>
简单的可展开的Javascript导航菜单
<a target="_blank" href="http://www.chromasynthetic.com/blog/uploads/mootools_nav_example.html">Preview</a>
Javascript手风琴菜单在如今的网页设计师世界广为使用。我们看到有很多的这样的脚本。这是其中一个非常小的极其简单容易使用的手风琴菜单脚本。不需要任何的框架并跨浏览器兼容。
UvumiTools下拉菜单是非常简单的多级菜单,由HTML无序列表构造而成,使用 Mootools Javascript 框架,通过简单的 <ul> HTML 元素进行编辑.
下拉菜单与菜单条在早期的图形用户界面已经被大量使用。他们的使用变得无处不在,甚至预期,桌面应用程序,以及在网上迅速跟进。本文旨在描述最基本的,但是最强的技术,为您的应用程序或者网站的用户界面设计添加下拉菜单。
<a target="_blank" href="http://designreviver.com/wp-content/uploads/2008/10/example.html">Preview</a>
<a target="_blank" href="http://www.komodomedia.com/mint/pepper/orderedlist/downloads/download.php?file=http%3A//www.komodomedia.com/samples/feed_menu/jquery_feed_menu.zip">Download</a>
版权
作者:灵动生活 郝宪玮
如果你认为此文章有用,请点击底端的【推荐】让其他人也了解此文章,
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。