<html>
<meta charset="utf-8"/>
<head>
<title>
图片轮播练习
</title>
<script type="text/javascript">
var arr=["image/k1.jpg","image/k2.jpg","image/k3.jpg","image/k4.jpg","image/k5.jpg"];
var index=0;
var v=0;
function clickBtn(){
v=setInterval("lunbo()",2000);
}
function lunbo(){
if(index>4){
index=0;
}
var v1=document.getElementById("imgId");
v1.setAttribute("src",arr[index]);
index++;
}
function overBtn(){
clearInterval(v);
}
function outBtn(){
v=setInterval("lunbo()",2000);
}
</script>
</head>
<body>
<input type="button" value="开始轮播" οnclick="clickBtn()"/>
<img src="" id="imgId" οnmοuseοver="overBtn()" οnmοuseοut="outBtn()"/>
</body>
</html>
<meta charset="utf-8"/>
<head>
<title>
图片轮播练习
</title>
<script type="text/javascript">
var arr=["image/k1.jpg","image/k2.jpg","image/k3.jpg","image/k4.jpg","image/k5.jpg"];
var index=0;
var v=0;
function clickBtn(){
v=setInterval("lunbo()",2000);
}
function lunbo(){
if(index>4){
index=0;
}
var v1=document.getElementById("imgId");
v1.setAttribute("src",arr[index]);
index++;
}
function overBtn(){
clearInterval(v);
}
function outBtn(){
v=setInterval("lunbo()",2000);
}
</script>
</head>
<body>
<input type="button" value="开始轮播" οnclick="clickBtn()"/>
<img src="" id="imgId" οnmοuseοver="overBtn()" οnmοuseοut="outBtn()"/>
</body>
</html>