一、轮播图小圆点
HTML代码
1 <ul class="circle"><!--小圆点-->
2 <li class="current">1</li>
3 <li>2</li>
4 <li>3</li>
5 <li>4</li>
6 <li>5</li>
7 <li>6</li>
8 </ul>
二、轮播图制作
HTML代码
1 <div class="slider">
2 <a href="#"><img src="images/slider1.jpg" alt=""></a>
3 <ul class="circle"><!--小圆点-->
4 <li class="current">1</li>
5 <li>2</li>
6 <li>3</li>
7 <li>4</li>
8 <li>5</li>
9 <li>6</li>
10 </ul>
11 <div class="arrow"><!--左右两个三角按钮-->
12 <a href="javascript:;" class="arrow_l"><</a>
13 <a href="javascript:;" class="arrow_r">></a>
14 </div>
CSS代码
京东页面完成情况: