当当网"7日畅销榜"动画设计制作

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

改版后的当当网相当漂亮,非常受人喜欢。今天我要讲的这个动画是当当的“7日畅销榜”动画,当当用这个动画来展示最近七天比较受欢迎的产品。这个动画似乎是商城的通用动画,无论是百度的“有啊”还是淘宝商城以及腾讯商城。

这个动画看起来像一个信息列表,当鼠标划过的时候会显示图片及标题。当当是商城,里面展示的是产品图片及标题。

js代码相当简单,很像tab菜单的脚本,用户可以自定义列表条数,只要修改以下脚本就可以了:

for (var i=1 ;i<7 ;i++ )

显示6条信息就写上7,相应的做法可以实现你想要的条数。

由于没有采用jquery,少了渐变的效果,不过还是不错的。

以下我制作的效果截图:

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

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

下载地址:当当网7日畅销榜动画设计制作.rar

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