div 实现popup的问题

答案:2 悬赏:10 手机版

解决时间 2021-02-15 23:37

提问者网友：浪荡绅士
2021-02-15 03:21

代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<script language="javascript" type="text/javascript">
function popup_year()
{
obj_year=document.getElementById("id_year");
obj_popYear=document.getElementById("id_pop_year");
year_Rect=obj_year.getBoundingClientRect();
obj_popYear.style.left=year_Rect.left+"px";
obj_popYear.style.top=(year_Rect.top-5*obj_year.offsetHeight)+"px";
obj_popYear.style.width=obj_year.offsetWidth;
obj_popYear.style.height=11*obj_year.offsetHeight;
obj_popYear.style.display="block";
document.body.all["id_pop_year"].onblur=hidePop;
}
function hidePop()
{
document.getElementById("id_pop_year").style.display="none";
}
function selected(obj)
{
obj.style.backgroundColor="#FFD700";
obj.style.cursor="pointer";
}
function unselected(obj)
{
obj.style.backgroundColor="";
}
function testSelect()
{
document.getElementById("id_test").style.backgroundColor="#FFD700";
document.getElementById("id_test").onMouseOut=testUnselect();
}
function testUnselect()
{
document.getElementById("id_test").style.backgroundColor="";
}
</script>
<div>
<div class="year" onClick="popup_year()" id="id_year">2008</div>
<div class="pop_year" id="id_pop_year" onBlur="hidePop()">
<div class="pop_year_one" id="id_pop_year1" onMouseOver="selected(this)" onMouseOut="unselected(this)">2003</div>
<div class="pop_year_one" id="id_pop_year2" onMouseOver="selected(this)" onMouseOut="unselected(this)">2004</div>
<div class="pop_year_one" id="id_pop_year3" onMouseOver="selected(this)" onMouseOut="unselected(this)">2005</div>
<div class="pop_year_one" id="id_pop_year4" onMouseOver="selected(this)" onMouseOut="unselected(this)">2006</div>
<div class="pop_year_one" id="id_pop_year5" onMouseOver="selected(this)" onMouseOut="unselected(this)">2007</div>
<div class="pop_year_one" id="id_pop_year_center" onMouseOver="selected(this)" onMouseOut="unselected(this)">2008</div>
<div class="pop_year_one" id="id_pop_year6" onMouseOver="selected(this)" onMouseOut="unselected(this)">2009</div>
<div class="pop_year_one" id="id_pop_year7" onMouseOver="selected(this)" onMouseOut="unselected(this)">2010</div>
<div class="pop_year_one" id="id_pop_year8" onMouseOver="selected(this)" onMouseOut="unselected(this)">2011</div>
<div class="pop_year_one" id="id_pop_year9" onMouseOver="selected(this)" onMouseOut="unselected(this)">2012</div>
<div class="pop_year_one" id="id_pop_year10" onMouseOver="selected(this)" onMouseOut="unselected(this)">2013</div>
</div>

</div>
</body>
</html>
我的希望是在id_pop_year失去焦点时将id_pop_year隐藏

最佳答案

五星知识达人网友：詩光轨車
2021-02-15 04:48

style.visibility="hidden" style.visibility="show" 控制

或者

style.display="none" style.display="''"

全部回答

1楼网友：第幾種人
2021-02-15 06:16

额

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息