<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圖片輪換</title>
</head>
<body>
<img src="1.jpg" id="image" width="234" height="301" >
</body>
<script>
var arr=new Array()
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
var i=0;
function image()
{
var image=document.getElementById("image");
image.src=arr[i];
i++;
if(i>2){i=0};
};
setInterval(function(){
image();
},500);
</script>
</html>
html實現圖片自動切換
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.