腾讯汽车双排图片滚动特效

作者：林炜贤来源：www.163css.com发表时间：(2011-10-11)

如果你问我为什么要发这个作品，我只能说是因为我在做项目中碰到钉子。当时有人找我项目，页面中存在两排图片滚动的特效。当时我拿了“css+js实现图片水平滚动带控制按钮”这个特效进行修改，结果却在ID上遇到难题，因为ID和脚本是结合在一起同，这意味着我要写两个版本，当时改了好久，结果还是不成功，最后通过制作一个自动滚动一个点击滚动进行解决。

这件事一直记在我大脑中，我一直想实现两排的甚至更多排的可以点击滚动的图片列表。

今天我在腾讯汽车上找到了答案，var scrollPic_01 = new ScrollPic();通过定义scrollpic这个类，实现多个实例，将面向对象的思想引进来，巧妙吧。scrollPic_01.speed速度，间距都在页面上的脚本显示了，用户可以自定义。

图片滚动的效果也类似jquery的滚动，感觉很舒服，脚本写得不错。

我印像中，这样的图片滚动特效做过三个了，不过还是这个比较好，可以自由定义个数。以下是我制作的效果截图：

香车美女，男人的最爱。。。

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

预览地址：http://www.163css.net/net163/cssjs/201110/qqauto/index.html

下载地址：腾讯汽车图片双排滚动特效(1).zip