<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--四、按钮动画-->
<script>
function mouseOver()
{
document.b1.src="素材/baidu2.png"
}
function mouseOut()
{
document.b1.src="素材/baidu1.png"
}
</script>
<!--五、图片分段显示-->
<script type="text/javascript">
function writeText(txt)
{
document.getElementById("wwz").innerHTML=txt
}
</script>
<!--警告框会在 5 秒后显示-->
<script>
function warn()
{
var t=setTimeout("alert('5 秒！')",5000)
}
</script>
</head>
<body>
<!--一、数字循环-->
<script>
for(i=0;i<5;i++)
{
document.write("数字是"+i+"<br>");
}
</script>
<!--二、循环产生标题-->
<script>
for(i=1;i<7;i++)
{
document.write("<h"+i+">这是标题"+i+"</h"+i+"<br>");
}
</script>
<!--三、检测浏览器版本-->
<script type="text/javascript">
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
document.write("浏览器名称："+ browser)
document.write("<br />")
document.write("浏览器版本："+ version)
</script>
<!--四、按钮动画-->
<img src="素材/baidu1.png" name="b1" onmouseover="mouseOver()" onmouseout="mouseOut()" alt="路由器"/ >
<!--五、图片分段显示-->
<img src="素材/n1.jpg">
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14"
onMouseOver="writeText('直到 20 世纪 60 年代，金星一直被认为是地球的孪生姐妹，因为金星是离我们最近的行星，同时还由于两者拥有很多共同的特征。')"/>
<area shape="circle" coords="129,161,10"
onMouseOver="writeText('从地球上是很难研究水星的，这是由于它和太阳的距离总是很近。')"/>
<area shape="rect" coords="0,0,110,260"
onMouseOver="writeText('太阳和类似木星这样的气态行星是到目前为止太阳系中最大的物体。')"
/>
</map>
<p id="wwz"></p>
<!--六、警告框会在 5 秒后显示-->
<form>
<input type="button" value="显示定时的警告框" onClick = "warn()">
</form>
</body>
</html>
