Question

dreamweaver如何做折叠式项目列表

不要用javascript代码的

Answer 1

<table cellpadding="0" cellspacing="0" width="167" align="center">
<tr>
<td height="28" class="menu_title" onMouseOver="this.className='menu_title2'" onMouseOut="this.className='menu_title'" background="Image/Admin_left_04.gif" id="menuTitle1" onClick="new Element.toggle('submenu4')" style="cursor:hand;"><span class="glow">免疫登记管理</span></td>
</tr>
<tr>
<td style="display:none" align="right" id="submenu4"><div class="sec_menu" style="width:165">
<table cellspacing="3" cellpadding="0" width="130" align="center">
<tr>
<td><a href="Down_add.asp" target="main">添加免疫登记</a></td>
</tr>
<tr>
<td><a href="Down_Manage.asp" target="main">管理免疫登记</a></td>
</tr>
<tr>
<td><a href="Down_ClassManage.asp" target="main">免疫类型管理</a></td>
</tr>
</table>
</div>
<div style="width:167">
<table cellpadding="0" cellspacing="0" align="center" width="130">
<tr>
<td height="5"></td>
</tr>
</table>
</div></td>
</tr>
</table>

css文件
body {
background:#0650d2;
margin:0px;
font:9pt 宋体;
font-size: 9pt;
text-decoration: none;
scrollbar-face-color: #2b73f1;
scrollbar-highlight-color: #0650d2;
scrollbar-shadow-color: #449ae8;
scrollbar-3dlight-color: #449ae8;
scrollbar-arrow-color: #02338a;
scrollbar-track-color: #0650d2;
scrollbar-darkshadow-color: #0650d2;
}
table {
border:0px;
}
td {
font:normal 12px 宋体;
}
img {
vertical-align:bottom;
border:0px;
}
a {
font:normal 12px 宋体;
color:#000000;
text-decoration: none;
}
a:link {
color:#000000;
text-decoration: none;
}
a:hover {
color:#000000;
}
.sec_menu {
border-left:1px solid #ffffff;
border-bottom:1px solid #ffffff;
overflow:hidden;
background:#d4ecf5;
text-align: right;
}
.menu_title {
}
.menu_title span {
position:relative;
top:2px;
left:8px;
color:#0f42a6;
font-weight:bold;
}
.menu_title2 {
}
.menu_title2 span {
position:relative;
top:2px;
left:8px;
color:#cc0000;
font-weight:bold;
}
.glow /* 标题文字发光效果定义，白字深蓝底 */ {
filter: glow(color=#ffffff, strength=1) dropshadow(color=#ffffff, offx=0, offy=1, );
}

Answer 2

可以做父子层
插入父层之后
按住Alt拖拽子层
子曾属性设置为隐藏
用行为定义
当 onmousemove 父层的时候 显示子层
当 onmouseout 父层的时候 隐藏子层