本题的功能是:
1)鼠标移动到图片上时,鼠标变为手的形状。
2)该页面中有延时按钮,延时按钮初始为灰色不能使用,按钮上显示“提交(n秒)”,n值从8开始每秒减1 (如图1所示),到0后按钮恢复正常(如图2所示)。
3)点击提交按钮后,图片消失,显示结果如图3所示。
<html>
<head>
<title>综合题</title>
<style type="text/css">
*{margin:0}
body{text-align:center;min-width:760px}
div{padding:3px}
#main{width:720px;text-align:left;margin-top:30px}
/* **********Found********** */
img{width:300px; height:300px; cursor:pointer}
</style>
<script>
function $(id){return document.getElementById(id);}
var remain=8;
function init(){
/* **********Found********** */
$("btn").value="提交(" + (remain--) +"秒)";
/* **********Found********** */
if (remain>0) {timer=setTimeout("init()",1000)}
else {$("btn").disabled=false;
$("btn").value="提交";
/* 以下语句取消定时器*/
/* **********Found********** */
clearTimeout(timer);}
}
function hide(){
/* **********Found********** */
$("show").style.display="none";
}
</script></head>
<body onload="init()">
<!-- ********FOUND********* -->
<div id="main">
<!-- ********FOUND********* -->
<div id="show">
<img src="cat.jpg" alt="小猫"/>
</div>
<form>
<input type="button" id="btn" disabled="disabled" style="width:150px; height:40px;font-size:large" onclick="hide()"/>
</form>
</div>
</body>
</html>