jQuery:图片自动变换

Posted CREATE_17

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery:图片自动变换相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
  var aa=0;
  //设置变换时间为2s
  var timeChange=2000;
  //定义数组
  var arr = new Array();
  arr[0]="image/01.jpg";
  arr[1]="image/02.jpg";
  arr[2]="image/03.jpg";
  arr[3]="image/04.jpg";
  //调用setInterval函数
  setInterval(ChangeImg, timeChange);
  function ChangeImg(){
    var image = document.getElementById("image");
    if(aa==arr.length-1){
      aa=0;
    }else{
      aa+=1;
    }
    image.src=arr[aa];
    }
</script>
</head>

<body>
  <img src="image/01.jpg" id="image"></img>
</body>

以上是关于jQuery:图片自动变换的主要内容,如果未能解决你的问题,请参考以下文章

jquery 图片自动无缝滚动

jQuery 图片自动播放

jquery后台登录页面背景图片自动轮换登录界面代码

javascript 点击图片自动全屏幕放大的程式码,使用jQuery的

在图片轮播过程中,采用jquery,如何将除了第一张以外的图片全部隐藏?

jquery怎么实现手机触屏图片滑动代码,手向左或向右滑动,图片滑动。不滑动的时候图片自动循环滚动