求图片自动切换JS代码,然后鼠标放上去停止,移动开就继续切换.现在有一段代码不知道如何加求解!多谢了
求图片自动切换JS代码,然后鼠标放上去停止,移动开就继续切换.现在有一段代码不知道怎么加求解!!谢谢了
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=500;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src="images/"+arr[curIndex];
}
</script>
<img src="images/1.jpg" width="427" height="219" id="showpic" />
</html>
------解决方案--------------------
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=500;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src="images/"+arr[curIndex];
}
</script>
<img src="images/1.jpg" width="427" height="219" id="showpic" />
</html>
------解决方案--------------------
<img src="images/1.jpg" width="427" height="219" id="showpic" alt="alt" />
<script language =javascript >
var curIndex = 0;
//时间间隔 单位毫秒
var timeInterval = 1000;
var arr = new Array();
arr[0] = "1.jpg";
arr[1] = "2.jpg";
arr[2] = "3.jpg";
arr[3] = "4.jpg";
arr[4] = "5.jpg";
arr[5] = "6.jpg";
arr[6] = "7.jpg";
var timer = setInterval(changeImg, timeInterval);
document.getElementById('showpic').onmouseover = document.getElementById('showpic').onmouseout = function (e) {
e = e
------解决方案--------------------
window.event;
if (e.type=='mouseover') clearInterval(timer);
else timer = setInterval(changeImg, timeInterval);
}
function changeImg() {
var obj = document.getElementById("showpic");
if (curIndex == arr.length - 1) {
curIndex = 0;
}
else {
curIndex += 1;
}
obj.alt=obj.src = "images/" + arr[curIndex];
}
</script>