从某系统中截取的一段菜单。因为公司系统这部分菜单是静态的就没有去封装,个人认为这个菜单比较有规律,可以使用Repeater控件进行封装。
主要代码如下:
这是主要的HTML代码。其中有3个JS方法:
onmouseover=chgover(this);当鼠标越过时的事件
onmouseout=chgout(this);当鼠标离开时的事件
onclick="get(this);menu(document.all.tab);" 当单击<td>时的事件
具体的JS请看源代码。
<TABLE cellSpacing=0 cellPadding=0 width=* border=0>
<TBODY>
<TR>
<TD class=menu-bag1 id=tab onmouseover=chgover(this);
onclick="get(this);"
onmouseout=chgout(this); noWrap>首页</TD>
<TD class=menu-bag onmouseover=chgover(this);
onclick="get(this);menu(document.all.tab);"
onmouseout=chgout(this); noWrap>系统管理</TD>
<TD class=menu-bag onmouseover=chgover(this);
onclick="get(this);menu(document.all.tab);"
onmouseout=chgout(this); noWrap>配置管理</TD>
<TD class=menu-bag onmouseover=chgover(this);
onclick="get(this);menu(document.all.tab);"
onmouseout=chgout(this); noWrap>安全管理</TD>
<TD class=menu-bag onmouseover=chgover(this);
onclick="get(this);menu(document.all.tab);"
onmouseout=chgout(this);
noWrap>全局信息</TD>
</TR></TBODY>
</TABLE>
<TBODY>
<TR>
<TD class=menu-bag1 id=tab onmouseover=chgover(this);
onclick="get(this);"
onmouseout=chgout(this); noWrap>首页</TD>
<TD class=menu-bag onmouseover=chgover(this);
onclick="get(this);menu(document.all.tab);"
onmouseout=chgout(this); noWrap>系统管理</TD>
<TD class=menu-bag onmouseover=chgover(this);
onclick="get(this);menu(document.all.tab);"
onmouseout=chgout(this); noWrap>配置管理</TD>
<TD class=menu-bag onmouseover=chgover(this);
onclick="get(this);menu(document.all.tab);"
onmouseout=chgout(this); noWrap>安全管理</TD>
<TD class=menu-bag onmouseover=chgover(this);
onclick="get(this);menu(document.all.tab);"
onmouseout=chgout(this);
noWrap>全局信息</TD>
</TR></TBODY>
</TABLE>
--=阅读快乐=--
欢迎访问我的新鱼塘 www.pumaboyd.com