<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//方法的加载事件
onload =function(){
var i=0;
//定义数组储存img
var arr=["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg","img/6.jpg","img/7.jpg","img/8.jpg"];
//得到div的id
var img=document.getElementById("s");
function test(){
img.src=arr[i];
i++;
if(i>arr.length){
i=0;
}
}
//设置定时器1秒后制动切换
var tes=setInterval(test,1000);
//鼠标指定事件
img.οnmοuseοver=function(){
clearInterval(tes);
}
img.οnmοuseοut=function(){
tes=setInterval(test,1000);
}
}
</script>
</head>
<body>
<div style=" width: 300px; height: 300; border: 1px;">
<img src="img/1.jpg" id="s" width="300px;" height="300px;"/>
</div>
</body>
</html> |
|
转播
