利用JS进行图片的切换即特效展示图片

  在网页制作的时候,需要利用JS进行特效展示图片,下面是利用JS简单制作的图片的切换。

  

复制代码 代码如下:

  <html>

  <head>

  <script type="JavaScript">

  var srr = new Array('图片一', '图片二', '图片三', '图片四');//利用JS中内置的数组,进行数据的存储

  var s = 0;

  function chage() {

  var img = document.getElementById('img1');

  if (s <srr.length-1 ) {

  s++;

  }

  else {

  s = 0;

  }

  img.setAttribute('src', srr[s]);

  }

  function diaoyong() {

  setInterval(chage, 1000);

  }

  </script>

  </head>

  <body onLoad="diaoyong();">

  </body>

  </html>