阿里巴巴首页导航菜单设计制作

作者:林炜贤来源:www.163css.com发表时间:(2010-10-17)

这是有名的alibaba英文版的菜单,鼠标划过会弹出二级菜单,带有阴影。这让我想到了之前的京东的菜单,非常之像,不过京东已经改版了。有点不同的是下面多了一个More Categories,点击的时候,会弹出更多菜单来,菜单里包含菜单,真是牛!

由于是阿里的东西,因此,脚本也带有了yahoo这个对像,我在第一次运行时会提示脚本缺少对像,但第二次运行就不会了,真是奇怪,也搞不清楚,毕竟自己的水平比不上那些高手!

今天早上,在好朋友的帮助下,我搞清楚了,原来脚本提示错误是指缺少一个ID。他还教会了我如何用firebug查脚本出错,非常感谢。

在此,我认识了yahoo yui!原来阿里集团的很多动画都采用了此集成脚本。

if(typeof YAHOO=="undefined"||!YAHOO)这一句,估计在阿里,淘宝,雅虎中国的脚本中都可以见到,这是yahoo yui的第一句脚本!我总是以为需要yahoo的什么东西才能正常运行,原来不用,而是集成脚本里找不到相应id!

像阿里,腾讯,网易等大企业的脚本,通常都是集成的,这让我非常欣赏,我也在不断地向他们学习。

以下我们看下阿里的图片集成技术:

感觉集成得还没有淘宝那么牛,上次看淘宝的看到我头晕!

以下是我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/cssjs/201010/alinav/index.html

下载地址:阿里巴巴首页导航菜单设计制作2.rar

返回作者主页:www.163css.com阅读 (52916)
更多 1