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

JS实现简单的图片轮换效果

2015-06-10 19:06 796 查看
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>

<script type="text/javascript">
var i=0;
function onload(){

setInterval('changeImage()',2000);

}
function changeImage(){
var imagess=['3.png','4.png','5.png','6.png'];
document.getElementById('myImage').src=imagess[i];
i++;
if(i==4)
{
i=0;
}

}

</script>
</head>
<body onload="onload()">
<div>
<img id="myImage" src="3.png" alt="" />

</div>
</body>
</html>


本文出自 “Java大白的战地” 博客,请务必保留此出处http://8023java.blog.51cto.com/10117207/1660577
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: