新浪明星汇滚动动画设计制作

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

说到新浪网,你会想到什么?估计现在的人会说“微博”。的确,新浪的微博是用户数最多的,腾讯都没得比!印像中,新浪的新闻及博客类都是领先的,不知为何。今天无意中点击进入了新浪的明星汇栏目。第一眼就是当前最热门的电影介绍及视频了。

在这个栏目中,新浪采用了两个滚动动画,点击左右箭头,图片可以一张张切换,切换得一点都不“唐突”,这就是jquery的功能了。像这样的动画,很常见,之前我在腾讯的女性频道上也做过此类的滚动动画。可惜有点遗憾,在ie8下面没办法实现无缝滚动。

因此,今天我再次整理了这个动画,它实现了在ie6,ie7,ie8下的正常运行,呵呵。

我经常在想一件事,常见的js动画似乎用得越多,就像那个类似flash的切换动画及tab菜单,估计是用得最多的了。

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

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

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

下载地址:新浪明星汇滚动动画设计制作.rar

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