jQuery实现大图轮播

css样式：

*{
 margin: 0;
 padding: 0;
}
ul{
 list-style:none;
}
.slideShow{
 width: 620px;
 height: 700px; 
 border: 1px #eeeeee solid;
 margin: 100px auto;
 position: relative;
 overflow: hidden; 
}
.slideShow ul{
 width: 2500px;
 position: relative; 
}
.slideShow ul li{
 float: left; 
 width: 620px;
}
.slideShow .showNav{ 
 position: absolute;
 right: 10px;
 bottom: 5px;
 text-align:center;
 font-size: 12px; 
 line-height: 20px;
}
.slideShow .showNav span{
 cursor: pointer;
 display: block;
 float: left;
 width: 20px;
 height: 20px;
 background: #ff5a28;
 margin-left: 2px;
 color: #fff;
}
.slideShow .showNav .active{
 background: #b63e1a;
}

js代码规范：

主体代码：

 
 
 

 

 

 

 

 
 
 
 
 1
 2
 3
 4
 
 
 

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持考高分网！