為什么這里的鼠標事件和樣式?jīng)_突了,我想要的結(jié)果是一開始頁面的div是隱藏的,當我鼠標移到那里div區(qū)域的時候顯示,離開的時候消失,但是這里這個樣式如果display不寫成none頁面一開始是顯示的,但是要是弄成none事件有發(fā)揮不了作用
<!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{
height:auto;
}
#div1{display:none;}
#div2{display:none;}
#div3{display:none;}
</style>
</head>
<body>
<div?onmouseout="div1Off()"?onmouseover="div1On()">
<h1>個人資料</h1>
</div>
<div?id="div1">
****************
</div>
<div?onmouseover="div2On()"?onmouseout="div2Off()">
<h1>本人經(jīng)歷</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")
var?div0=document.getElementsTagName("div")
function?div1On(){
div1.style.display="";
}
function?div1Off(){
div1.style.display="none";
}
function?div2On(){
div2.style.display="";
}
function?div2Off(){
div2.style.display="none";
}
function?div3On(){
div3.style.display="";
}
function?div3Off(){
div3.style.display="none";
}
</script>
</body>
</html>
這里的display不太懂
漫之旅
2017-01-20 00:40:36