jquery实现迅雷首页幻灯片

作者:林炜贤来源:www.163css.com发表时间:(2011-06-28)

这是我在迅雷首页上看到的一个动画,迅雷首页上左侧是一大块的幻灯片,上面用来展示近斯的电影,连续剧,广告等,由于采用了大图片,非常有感觉,整一块采用通栏,这个动画显得非常突出,相比之下,右侧的电影排行榜,显示不起眼。。

说实话,首页上采用一个大的幻灯片,用来展示主要产品,的确是一种不错的选择。

采用jquery,迅雷的幻灯片切换得非常漂亮。仔细看下代码,还是挺复杂的,原因在于在大图上,我们还需要一个文字介绍,切换不同的小图显示不同的大图及文字介绍,显示代码有点多。

值得一提的是里面的一个代码,img_default.gif,迅雷为每个小图都加上这样一个默认的图片,但我的IMAGES文件夹里并没有这个图片,运行是正常的,但删除这个代码,就不对了,真是奇怪。。

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

感觉这种动画很常见,但迅雷将它用得很完美,佩服。。。

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

预览地下:http://www.163css.net/net163/cssjs/201106/xlpic/index.html

下载地址:jquery实现迅雷首页幻灯片.zip 

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