现在各个网站的网页上或多或少都有点特效，这些特效可以为我们的网页带来活力，更容易吸引住用户。其中，使用最多的莫过于图片的轮滚特效。

图片轮滚特效的实现方式非常多，可以用Flash来实现，可以用CSS3来实现，可以用Jquery来实现等等。这里，我们说下Jquery图片轮滚的实现方式以及源代码。以一个简单的左右轮换来举例（3张图片的轮换可以推到N张）：

原理：

首先，定义一个显示图片的DIV（父DIV)，宽度为400，高度为200，同时，设置他的overflow属性为：hidden，这个非常重要，至于原因下面会说明。

然后，在父DIV里面在定义一个DIV(子DIV)，宽度为1200，高度为200，然后在里面放3张图片（400x200），设置这3张图片的float属性为left，这样这3张图片就同行显示了，宽度刚好为1200。这个使用，我们只能看到第一张图片，因为上一部中父DIV的overflow属性为hidden，说明超出了他显示范围的元素不会显示。

最后，我们就可以轮换了，通过JQ脚本来左右动态的调整子DIV的marginLeft的值，每次的值是400的倍数，从而达到轮换的效果。

如图：