您的位置:首页 > Web前端 > JavaScript

JS实现图片的自动切换

2017-08-25 22:19 459 查看
一、脚本代码:
<script>
var arr=new Array();
arr[0]="image/banner4.jpg";    //这里放图片路径
arr[1]="image/book1.jpg";
arr[2]="image/buy.jpg";
arr[3]="image/user.jpg";
arr[4]="image/web.png";
var i=0;
function image()
{
var ima=document.getElementById("image");
ima.src=arr[i];
i++;
if(i==5)
i=0
setTimeout("image()",1000) //一秒钟调用一次
}
</script>
</head>
二、body里面的代码(在加载时完成图片的切换)
<body onLoad="image()">

     <img id="image" src="image/banner4.jpg" width="140" height="105"/>

</body>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 图片切换