<!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>
哪里出問題了呢,為什么沒有效果
_追夢的少年_
2015-10-09 09:18:24