1. 先学会单纯鼠标点击图片,进行切换
2 . 随时间图片轮流切换,不处理鼠标事件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=1000;
var arr=new Array();
arr[0]="../img/1.jpg";
arr[1]="../img/11.jpg";
arr[2]="../img/111.jpg";
setInterval(changeImg,timeInterval);
function changeImg(){
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
</script>
</head>
<body>
<img id="obj" src ="../img/1.jpg" />
</body>
</html>