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

相关文章:

  • 2021-11-02
  • 2021-10-11
  • 2022-12-23
  • 2022-12-23
  • 2021-09-25
  • 2021-11-18
  • 2021-11-29
  • 2021-11-10
猜你喜欢
  • 2021-06-27
  • 2021-05-19
  • 2022-01-04
  • 2022-12-23
  • 2021-09-28
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案