在书写代码之前，先分析效果图的结构。1.左右两个方向按钮，可以用来切换上一张与下一张。2.下方有分页指示器，用来标注滚动到了第几张，当然，你点击对应的按钮，也可以跳转到对应的图片。3.中间主要显示区域就是用来摆放需要轮播的图片。根据上面描述，首先可以书写HTML代码。一、HTML代码；；代码内容一目了然，与我上面所描述的一致；这里有两点我需要说明。1.class为tuul的ul，也就是存放需要轮播的图片；里面的li主要有两种class：包装为 "no" 与 "waiting" 形式，其中 "no" 系列表示当前可能处于"活跃"状态的图片，而 "waiting" 表示这些图片当前处于隐藏状态，在接下来的CSS代码中就有体现。