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

3672Js.Com2019-03-09 08:55 来源:未知阅读:3713 关注度5

利用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> 

本站文章为3672js教程网友分享投稿，版权归原作者，欢迎任何形式的转载，但请务必注明出处。同时文章内容如有侵犯了您的权益，请联系我们处理。