17,740
社区成员
发帖
与我相关
我的任务
分享html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>img{display:none;}
.btn{border:1px solid black;width:30px;height:30px;display:inline;margin-right:5px;}
</style>
<script>
var index=1;//当前显示的图片索引(1-5)
var timer;
function switchImg(){
// 当前这一张隐藏
document.getElementById("img"+index).style.display="none";
// 如果当前显示的图片索引没有到最大值就继续增加
if(index<5){index++;}
// 否则从第一个图片开始显示，索引从0开始
else{index=1;}
// 显示第index张
document.getElementById("img"+index).style.display="block";
// 下一秒,再执行本方法
timer = window.setTimeout("switchImg()",1000);
}
</script>
</head>
<body onload="switchImg()">
<!--放五张图,构造一个ImageList-->
<div style="border:1px solid black;width:300px;height:100px;">
<img id="img1" src="back1.jpg">
<img id="img2" src="back2.jpg">
<img id="img3" src="logo.gif">
<img id="img4" src="shop.gif">
<img id="img5" src="shop2.gif">
</div>
</body>
</html>
我的这些代码只能实现图片来回切换 却不能出现 数字1,2,3,4,5也在切换鼠标悬浮在上面时停在指定的那张图片的效果 请帮我添加没写出来的那些代码 谢谢！
<html>
<head>
<title>Untitled</title>
<style>img{display:none;}
.btn{border:1px solid black;width:30px;height:30px;display:inline;margin-right:5px;}
</style>
<script>
var index=1;//当前显示的图片索引(1-5)
var timer;
function switchImg(){
// 当前这一张隐藏
document.getElementById("img"+index).style.display="none";
// 如果当前显示的图片索引没有到最大值就继续增加
if(index<5){index++;}
// 否则从第一个图片开始显示，索引从0开始
else{index=1;}
// 显示第index张
document.getElementById("img"+index).style.display="block";
// 下一秒,再执行本方法
timer = window.setTimeout("switchImg()",1000);
}
</script>
</head>
<body onload="switchImg()">
<!--放五张图,构造一个ImageList-->
<div style="border:1px solid black;width:300px;height:100px;">
<img id="img1" src="back1.jpg">
<img id="img2" src="back2.jpg">
<img id="img3" src="logo.gif">
<img id="img4" src="shop.gif">
<img id="img5" src="shop2.gif">
</div>
</body>
</html>
我的这些代码只能实现图片来回切换 却不能出现 数字1,2,3,4,5也在切换鼠标悬浮在上面时停在指定的那张图片的效果 请帮我添加没写出来的那些代码 谢谢！
...全文
