初学，做动态工具栏！！！

我想做一个像。NET中工具箱那样的，能收缩的工具栏，请教该用什么样的控件比较简便一些呢？谢谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html>
<script language=javascript>
function cwin()
{if(parent.testframeset.cols!='200,*')
{parent.testframeset.cols='200,*';
}
else{parent.testframeset.cols='-10,*';
}}
function closenavi() {
w-=10;
if (w>-10) {window.parent.testframeset.cols = ''+w+',*';repeat=setTimeout("closenavi()",100);}
else {clearTimeout(repeat);w=200;}
}
</script>
<head>
<title>dir</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>

</style>
<link rel="stylesheet" href="images/test.css" type="text/css">
<script Language="javascript" src="images/js.js"></script>
<base target="main">
</head><body bgcolor="#FFFFFF" text="#000000" onselectstart="return false;" scroll=no onkeydown="if(event.keyCode=='39') cwin();">
<table id=control width="100%" border="0" cellspacing="0" cellpadding="0" class="borderon">
<tr>
<td height="20" style="padding-top:3px"><nobr> 个人脚本收藏</nobr></td>
<td width="20" align="center" valign="top"><img src="images/icon-expandall.gif" width="16" height="15" class="button" onclick="expandall(this)" vspace="2" alt="全部展开"></td>
<td width="20" align="center" valign="top"><img src="images/icon-close.gif" width="16" height="15" class="button" onClick="cwin()" vspace="2" alt="关闭左栏"></td>
</tr>
</table><div id="navi" style="position:relative; width:100%; height:expression(body.offsetHeight-control.offsetHeight-2); z-index:1; left: 0px; top: 0px; overflow: auto">
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="12"><img src="images/spacer.gif" width="12" height="12"></td>
<td valign="top"> </td>
</tr>
<tr>
<td valign="top"> </td>
<td valign="top">
<div id="main1" class="menu" onClick="expandIt('1'); return false"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<script>t("小游戏")</script>
</table>
</div>
<div id="page1" class="child" style="padding-left:15px">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<script>
list("htm/game/wz/default.htm","_blank","五子棋(js)");
list("htm/game/wzq/game.htm","_blank","五子棋(applet)");
list("htm/game/winmine.htm","_blank","扫雷");
list("htm/p03.htm","_blank","超级马力");
list("htm/game/fk.htm","_blank","俄罗期方块");
list("htm/game/pingball.htm","_blank","乒乓球");
list("htm/game/game.htm","main","推箱子");
list("htm/game/cat.exe","","小猫");
list("baoku/0115.htm","","模拟抽奖");
</script>
</table>
</div><div id="main2" class="menu" onClick="expandIt('2'); return false"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<script>t("Applet")</script>
</table>
</div>
<div id="page2" class="child" style="padding-left:15px">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<script>
list("htm/applet/fire/yanhua.htm","","礼花");
list("htm/applet/app.htm","","人体模特");
list("htm/applet/clock/clock2.htm","","java时钟");
list("htm/applet/menu/dissolvemenu.htm","","applet菜单");
list("htm/applet/txt/txt.htm","","魔鬼文字");
</script>
</table>
</div>
<div id="main3" class="menu" onClick="expandIt('3'); return false"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<script>t("链接类")</script>
</table>
</div>