联想产品展示动画设计制作

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

联想可以说是我们中国PC的骄傲,不管怎么说他收购了ibm在中国的业务,这是对一家中国企业的肯定。联想笔记本在中国市场占据着重要地位。可以与台湾的华硕及宏基等抗衡。至少我们公司就有5台联想的笔记本。

打开联想的网站,我很容易就想到华硕和宏基的网站,都是顶部导航,中间是大图轮换,而且都是高质量图片展示其产品。如果说到顶部的导航菜单,那联想做得是内容丰富多彩了。导航介绍了企业成长,企业产品,有点与众不同的是有一个联想商城。

作为一家跨国企业,联想当然也有国家地区的选择,当然,我是看中国版本的了。

企业,最重要的就是产品,联想公司对家庭及企业都提供了各种产品选择,当我选择thinkpad的一种产品进去时,我可以看到有“功能特性”“系列比较”“相关选件”及“产品图库”。

我最关心的当然是产品图库了,因为这里有我要的动画。似乎许多大型企业都会选择一种js动画来展示他们的产品。联想的这个产品展示动画宽为1002px,上面是大图,带有左右按钮,底部是八个小图,点击小图可以显示高清大图,点到最后一张,右边的箭头相应消失。

我非常喜欢这个动画,立即将它整理出来。以下是我制作的效果截图:

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

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

下载地址:联想产品展示动画设计制作.rar

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