做網頁時需要利用JS進行特效展示圖片,下面是利用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>