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

发布时间：2020-12-14 23:22:18 所属栏目：资源来源：网络整理

导读：在网页制作的时候，需要利用JS进行特效展示图片，下面是利用JS简单制作的图片的切换。复制代码代码如下: html head script type="JavaScript" var srr = new Array('图片一','图片二','图片三','图片四');//利用JS中内置的数组，进行数据的存储 var s = 0;

在网页制作的时候，需要利用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> 

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!