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

259 阅读 0 评论 171 点赞

我是靠谱客的博主端庄洋葱，这篇文章主要介绍利用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> 