用js写淘宝图片切换

第一步

思路：先创建一个大图的div，还有5个大图底下的小div。

1. 先写好html布局

<div id="img-top"></div> 
<div  id="img-end">  
			<div  id="a"></div>
			<div  id="a1"></div>  
			<div  id="a2"></div>
			<div  id="a3"></div>
			<div  id="a4"></div>
</div>  

第二步

2.css样式

 #top {
           width: 400px;
           height: 400px;
           border: 1px solid lightgray;
           /*  使网页刷新时大图位置不是一大片空白 */
           background-image: url(https://img.alicdn.com/imgextra/i2/3413679436/O1CN01eYf5h12JZjq39v3zd_!!0-item_pic.jpg_430x430q90.jpg);
           background-repeat: no-repeat;
           background-size: 100% 100%;
           }
#img-end {
           width: 400px;
           height: 64px;
           margin: 20px auto;