如何用jQuery编写一个轮播图特效程序？

本文共计875个文字，预计阅读时间需要4分钟。

原文：本文实例为大家分享了jQuery实现轮播图效果的总体代码，供大家参考。具体内容如下+轮播图左侧切换原理图+黄色的框架表格表示的是+slides+，而+slide+表示的是所有轮播图的祖宗，每个灰色的框代表的是+轮播图+。

改写后：本文展示了使用jQuery制作轮播图效果的代码实例。主要内容包括轮播图切换原理图和框架结构说明。其中，slides代表轮播图的框架，而slide则指代所有轮播图的共同父元素。每个灰色部分代表单个轮播图。

本文实例为大家分享了jquery实现轮播图效果的具体代码，供大家参考，具体内容如下

轮播图左切换原理图

黄色的方框表示的是 slides ，而 slide 表示的是所有轮播图的父亲，每个灰色的方框表示的是每一个轮播图。

<div id="slides"> <div id="slide"> <div></div> <div></div> <div></div> </div> </div>

对于 step 1 我们首先要使用 CSS 中 overflow 属性隐藏处于 firstDiv 后的盒子，如果我们不这么做，那么很明显，后方图片会被显示出来，也就达不到我们需要的效果。