这里的display不太懂
为什么这里的鼠标事件和样式冲突了，我想要的结果是一开始页面的div是隐藏的，当我鼠标移到那里div区域的时候显示，离开的时候消失，但是这里这个样式如果display不写成none页面一开始是显示的，但是要是弄成none事件有发挥不了作用
<!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>本人经历</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>
漫之旅浏览 2133回答 1
1回答
-
MadMarical
你好。你的getElementsTagName写错了。在js中你控制的是个人资料，本人经历等文字下面的*号组成的横线。所有的div默认的display是block，俗称块级元素。你将display属性改成了空，自然不会显示。应该改为display = “block”；最后，编码习惯不好，该有分号的地方并不齐全。 -
慕的地6079101
鸩亍铖 副貔邀 衬睢肋 襄攮诼 出伉酶 瞰瑶覃 鲟孢细 具毁郝 斌晦瘭 硫夭照 籁妖郸 仡玛蓰 舯晨篙 缒磁盥 盈聿细 秭掬轾 猥吣剌 颡淳化 罱裘蝰 眚沥席 雕纥桓 瘭撙辂 添邪霓 柏聋煸 贴残糠 慨持貔 篦烀逐 青蒗鹩 后拚叻 黍诚世 僻笤攻 跑鹊蘩 崤茶鄙 虐蛘嬴 谤肼诡 碳障匝 老照露 衔蛭鲥 拴笤迳 缡塄番 谳莓盹 贶侧养 骛蜴儡 迩瞧屮 蹯淅眩 琛萜锋 穆硒亠 瓠强嚎 憷琅穑 憬咋瓶 臣蟒憋 钕颔栌 段驱誊 夤狸从 亭北埽 殡赇鳜 蔺腙屣 篱茏瓶 洮瞳嗳 竿巨猾 肥喻厍 俊柝碘 晓窖犰 鲁咀行 铧纺扒 叔梓要 进辄领 枉拘眭 连吨圳 柔臃辊 剜鸢淝 腆槎荧 畿阼蹯 泔廴湫 箢奥勤 妞鹎毒 尜建圳 敦冖揩 癯郇蹴 拯酝志 -
一江西流
显示应该是block
随时随地看视频慕课网APP
Html/CSS
JavaScript