<!doctype html>
<html>
<head>
<style>
#text{display:block;width:300px;cursor:pointer;height:20px;border:solid 1px #CCC;}
#menu{display:none;width:300px;height:100px;border:solid 1px #CCC;}
</style>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<span id="text">点击显示菜单，再点击隐藏菜单</span>
<div id="menu">这是文字哦。</div>
<script type="text/javascript">
window.onload=function(){
var wenzi=document.getElementById("text");
var div=document.getElementById("menu");
wenzi.onfocus=function(){
if(div.style.display=='block'){ // == 判断div.display是否为显示
div.style.display='none'; //= 赋值也可了解成改变
}
else{
div.style.display='block';
}
}
}
</script>
</body>
</html>
2 回答
_追梦的少年_
TA贡献10条经验 获得超3个赞
我这个是网上看别人写的粘下来没有效果，然后没有看通究竟是哪的事，感觉他写的也对的，难道焦点无法触发事件吗，还有换成你这个了，要点两下才会正常显示和隐藏，这个应该是style要写在html标签中的，之前有过类似问题，这个差在不知道焦点是不是可以触发这个事件，还是谢谢你了
添加回答
举报
0/150
提交
取消