<!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=gb2312" />
<title>个人简历</title>
<style type="text/css">
.p{
font-size:36px;
color:blue;
}
.div{display:none;}
#div1{}
#div2{}
#div3{}
</style>
</head>
<body>
<div onmouseover="div1On()" onmouseout="div1Off()">
<h1>个人资料</h1>
</div>
<div id="div1">
****************
</div>
<div onmouseover="div2On()" onmouseout="div2Off()">
<h1>本人经历</h1>
</div>
<div id="div2">
*********************
</div>
<div onmouseover="div3On()" onmouseout="div3Off()">
<h1>求职愿望和所学知识</h1>
</div>
<div id="div3">
****************
</div>
<script type="text/javascript">
var div1=document.getElementById("div1")
var div2=document.getElementById("div2")
var div3=document.getElementById("div3")
function div1On{
div1.style.display="";
}
function div1Off{
div1.seyle.display="none";
}
function div2On{
div2.style.display="";
}
function div2Off{
div2.seyle.display="none";
}
function div3On{
div3.style.display="";
}
function di31Off{
div3.seyle.display="none";
}
</script>
</body>
</html>
为什么这里的div123没有鼠标事件的影响啊
Cmen
Cmen
相关分类