今天學的一點小東西和大家分享一下。
類似TreeMenu控件.
不廢話直接代碼：
復制代碼 代碼如下:
<script language="javascript">
function control() {//定義函數
if (sMenus3.innerHTML == "+") {//判斷展開狀態
ulMenu3.style.display = "block";//如果是“+”號 則可以展開
sMenus3.innerText = "-";//展開之後顯示為減號
}
else {
ulMenu3.style.display = "none";//如果為“-”號 則不能展開
sMenus3.innerText = "+";//點擊之後符號變換。
}
}
</script>
Html 代碼：
//這段代碼沒什麼說的 主要就是Id 和js代碼中的Id對應。
復制代碼 代碼如下:
<body>
<span id="sMenus3" style=" border:1px solid #00000; color:Blue;cursor:hand ;" onclick="control()">-</span>無網站狀態<br/>
<ul id="ulMenu3">
<li><a href="http://www.baidu.com" target="_blank">百度</a> </li>
<li><a href="http://www.baidu.com" target="_parent">百度</a></li>
<li><a href="http://www.baidu.com" target="_blank">還是百度</a></li>
</ul>
</body>