∈鱼杆 ---我的鱼塘

执着,坚定,友爱,勇敢(www.pumaboyd.com)Live Message

导航

从某系统截取的漂亮菜单(源码)

Posted on 2006-10-09 17:04  ∈鱼杆  阅读(683)  评论(1编辑  收藏  举报

从某系统中截取的一段菜单。因为公司系统这部分菜单是静态的就没有去封装,个人认为这个菜单比较有规律,可以使用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>

/Files/pumaboyd/menu.rar