jq 轮播图转载-周菜菜

<style>

li{list-style-type:none ;
   display:inline;
    90px;
    height:160px;
    float:left;
     
    }
.pic-all{ 100px;
 height:180px;
  position:relative;
   overflow:hidden;
   margin-left:200px;
  }
   
ul{ position:absolute;
   left:0;
   top:0;
   310px;
   }
 
</style>
 
<script>
var imgindex=0;
var imgindex1=0;
/*$(document).ready(function(){
$("#pic").click(function(){
  changeimg();
  }); 
   
});*/
 
setInterval("changeimg()", 1000);
setInterval("changeimg1()", 2000);
 
function changeimg()
{
 
 imgindex++;
  if(imgindex==0)
  {
  $("ul").stop().animate({left:"0px"});
  }
  if(imgindex==1)
  {
  $("ul").stop().animate({left:"-150px"});
  }
   
  if(imgindex==2)
  {
  $("ul").stop().animate({left:"-300px"});
  }
  if(imgindex==2)
  {
  imgindex=-1;
  }
   
 
}
 
function changeimg1()
{
  imgindex1++;
  if(imgindex1==0)
  {
    $("#imga").attr("src", "images/$F2[P67(QAUOCZ810C)YHRX.png");
  }
  if(imgindex1==1)
  {
  $("#imga").attr("src", "images/T1_8YvBKJT1RXrhCrK.jpg");
  }
   
  if(imgindex1==2)
  {
  $("#imga").attr("src", "images/T1a3DvB7hv1RXrhCrK!150x150.jpg");
  }
  if(imgindex1==2)
  {
  imgindex1=-1;
  }
 
}
 
 
 
</script>
<body>
<div class="pic-all">
<ul>
<li ><img src="images/$F2[P67(QAUOCZ810C)YHRX.png"/></li>
<li ><img src="images/T1_8YvBKJT1RXrhCrK.jpg"/></li>
<li ><img src="images/T1a3DvB7hv1RXrhCrK!150x150.jpg"/></li>
</ul>
</div>
<br />
<!--<button id="pic" style="100px; height:100px;">按钮</button>-->
<img id="imga" src="images/$F2[P67(QAUOCZ810C)YHRX.png" />
 
 
 
</body>

相关阅读:
Django框架之ORM常用字段和参数、单表操作
Django框架之模板层
Django框架之视图层
Django框架之路由层，本地虚拟环境搭建
Django框架
Django框架
在学习Django框架之前所需要了解的知识点
JQuery
Android开发（八）-界面编程
Android开发（七）-签名APK

原文地址：https://www.cnblogs.com/wangjiahui/p/11020876.html

jq 轮播图 转载-周菜菜

jq 轮播图转载-周菜菜