天天看點
傳回

javascript實作樹形目錄的收縮與展開

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>????棰???妗?lt;/title>
<style type="text/css">
a,li{ list-style-type:none; text-decoration:none;}
p,ul,li{ margin:0px;}
p{ margin-left:20px;}
.child{ display:none;}
</style>
<script type="text/javascript">
	function show(id){
		var ul = document.getElementById(id);
		if(ul.style.display == "block"){
			ul.style.display = "none";
		}else{
			ul.style.display = "block"; 
		}
	}
</script>
</head>

<body>
	<b>Tree menu</b>
	<p><a href="javascript:show('se')">JavaSE</a></p>
		<ul id="se" class="child">
			<li>JavaOOP</li>
			<li>JavaI/O</li>
			<li>JavaSocket</li>
		</ul>
	<p><a  href="javascript:show('ee')">JavaWeb</a></p>
		<ul id="ee" class="child">
			<li>Html</li>
			<li>Css</li>
			<li>Javascript</li>
			<li>oracle</li>
		</ul>
</body>
</html>
javascript 樹形目錄 展開收縮
上一篇: Flex List元件的使用 這次我來說明一下List元件的使用，主要是當multipleSelection的屬性設為"true"的時候的技巧。　　1.選擇了多項條目後資料的讀取，關鍵代碼如下：  function getSelectedItems()
下一篇: MFC對話框，複選框，單選鈕畫圖

繼續閱讀