jquery实现图片切换代码

本文实例为大家分享了jquery实现图片切换的方法，供大家参考，具体内容如下

 
 
 
 
 
 
 *{
  padding:0;margin:0;border:0;
 }
 .all{
  width:600px;
  height:300px;
  margin:100px auto;
  position:relative;
  overflow:hidden;
 }
 .all ul{
  position:relative;
  z-index:1;
 }
 .all ul li{
  position:absolute;
  left:0;
  top:0;
 }
 .all ol{
  position:absolute;
  z-index:2;
  right:10px;
  bottom:10px;
 }
 .all ol li{
  width:20px;
  height:20px;
  background:#333;
  border:1px solid #ccc;
  font-weight:bold;
  text-align:center;
  line-height:20px;
  float:left;
  list-style:none;
  margin-left:10px;
  color:#ccc;
  margin-top:10px;
 }
 .all ol .current{
  width:30px;
  height:30px;
  line-height:30px;
  border:1px solid #f60;
  color:#f60;
  margin-top:0;
  cursor:pointer;
 }
 
 

 
 
 

  

  

  

  

  

 
 

  
1
  
2
  
3
  
4
  
5
 
 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。