轮播图常用结构

 

<div class="jd-clo2"> 主盒子
				<div class="jd-clo2-hd">
					<div class="arr-l"></div> 两边箭头
					<div class="arr-r"></div>
					<ol>
						<li class="firstyuan"><a href="#"></a></li>
						<li><a href="#"></a></li> 下方点
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
                        <li><a href="#"></a></li>
						<li><a href="#"></a></li>
						<li><a href="#"></a></li>
					</ol>
				</div>
				<div class="jd-clo2-bd"> 轮播图下面有图片的时
					<div class="firstpic"><img src="images/pic1.jpg" /></div>
					<div><img src="images/pic2.jpg" /></div>

				</div>
			</div>

 

两边箭头和下方点都是定位