<script language="javascript" type="text/javascript">
var b=1
var myTime=setInterval("changeimg(b++) ", 3000 );
var timeout=setTimeout("setInterval()",3000);
function changeimg(num){
if(b==6) b=1;
document.getElementById("imgblock").src="images/"+num+".jpg";
//把本图片放上去
document.getElementById("littleimg"+num).style.position="relative";
document.getElementById("littleimg"+num).style.top="-15px";
document.getElementById("littleimg"+num).style.filter="Alpha(opacity=100)";
//把其他图片放下来
for(var i=1;i<=5;i++){
if(i==num) continue;
document.getElementById("littleimg"+i).style.position="relative";
document.getElementById("littleimg"+i).style.top="0px";
document.getElementById("littleimg"+i).style.filter="Alpha(opacity=50)";
}
}
</script>
</head>
<body onLoad="disptime()">
<div id="topimg"><img id="imgblock"src="images/1.jpg" width="685" height="255" /></div>
<div id="littleimg">
<img id="littleimg1" class="lttleimg" src="images/01.jpg" width="70" height="40" onclick="changeimg(1)" />
<img id="littleimg2" class="lttleimg" src="images/02.jpg" width="70" height="40" onclick="changeimg(2)" />
<img id="littleimg3" class="lttleimg" src="images/03.jpg" width="70" height="40" onclick="changeimg(3)" />
<img id="littleimg4" class="lttleimg" src="images/04.jpg" width="70" height="40" onclick="changeimg(4)" />
<img id="littleimg5" class="lttleimg" src="images/05.jpg" width="70" height="40" onclick="changeimg(5)" />
</div>
看这代码和你的意思,3秒切换一张图片,循环切换,当点击小图片时,是想立刻显示当前点击的图片。实现思路:对下面的小图片添加点击事件,在循环执行切换时要判断。伪代码如下:
function update(index){大意就这样,当鼠标离开,继续循环,点击停止循环,注意事件添加。以上代码不保证完全正确,一般不用纯js开发,所以不是很熟,见谅!
追问var current = 1;?