<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function show(id){
if(document.getElementById(id).style.display=='block'){
document.getElementById(id).style.display='none';
}else{
document.getElementById(id).style.display='block';
}
}
</script>
</head>
<body>
<div id="main">
<ul>
<img src="11.jpg" onclick="show('div1')" />树形菜单
<div id="div1" style="display:none">
<img src="22.jpg" onclick="show('cen11')" />文学艺术<br />
<div id="cen11" style="display:none">
<img src="3.jpg" />音乐、舞蹈<br />
<img src="3.jpg" />表演艺术<br />
<img src="3.jpg" />戏剧文学<br />
<img src="3.jpg" />散文、小说<br />
</div>
<img src="22.jpg"onclick="show('cen12')" />贴图专区<br />
<div id="cen12" style="display:none">
<img src="3.jpg" />真我风采<br />
<img src="3.jpg" />行行摄摄<br />
<img src="3.jpg" />视频专区<br />
<img src="3.jpg" />Flash贴图<br />
</div>
<img src="22.jpg" onclick="show('cen13')"/>房产论坛<br />
<div id="cen13" style="display:none">
<img src="3.jpg" />易至居数字家居<br />
<img src="3.jpg" />用低价撬动中端市场<br />
<img src="3.jpg" />房产网<br />
<img src="3.jpg" />房产市区<br />
</div>
<img src="22.jpg" onclick="show('cen14')"/>娱乐八卦<br />
<div id="cen14" style="display:none">
<img src="3.jpg" />易经有言<br />
<img src="3.jpg" />新浪娱乐网 <br />
<img src="3.jpg" />网易娱乐网 <br />
<img src="3.jpg" />雅虎娱乐网<br />
</div>
</div>
</ul>
</div>
</body>
</html>
像我写这个用了很多的 会不会占内存?我觉得用别的标签一起连在一起写出来就没这样的效果好看点,还两个字之间还间隔有点远。小弟跪求有什么好的办法既能有效果,内存也占的少的?
先谢谢了。