Welcome 微信登录

首页 / 脚本样式 / JavaScript / 利用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>