我找到了代码如下:
<script language="javascript">
function doOver(o,n){
var i;
var o1 = document.getElementsByName("MainMenu");
var o2 = document.getElementsByName("MenuContent");
for(i=0;i<o1.length;++i){
if(o1[i].className=="MenuItemOnSel"){o1[i].className="MenuItem";o2[i].style.display='none';}
if(i==n){o1[i].className="MenuItemOnSel";o2[i].style.display='';}
}
o1=o2=null;
}
</script>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td class="MenuItem"> </td>
<td id="MainMenu" class="MenuItemOnSel" onMouseOver="doOver(this,0)"><a href="index.asp">统计概况</a></td>
<td id="MainMenu" class="MenuItem" onMouseOver="doOver(this,1)"><a href="Hour.asp">分时统计</a></td>
<td class="MenuItem" style="width:50px"> </td>
</tr>
<tr>
<td colspan="5" height="24" align="left" valign="bottom">
<div id="menuContent" style="display:none;">
<img src="../images/blank.gif" width=56 height=1>
<span class="ML">
<a href="index.asp">综合统计</a>
| <a href="Info.asp">修改资料</a>
| <a href="Help.asp">统计代码</a>
</span>
</div>
<div id="menuContent" style="display:none">
<img src="../images/blank.gif" width=116 height=1>
<span class="ML">
<a href="Hour.asp">日报一览</a>
| <a href="Week.asp">周报一览</a>
| <a href="Day.asp">月报一览</a>
| <a href="Month.asp">年报一览</a>
</span>
</div>
</td>
<td> </td>
</tr>
</table>
<script language="javascript">
function doOver(o,n){
var i;
var o1 = document.getElementsByName("MainMenu");
var o2 = document.getElementsByName("MenuContent");
for(i=0;i<o1.length;++i){
if(o1[i].className=="MenuItemOnSel"){o1[i].className="MenuItem";o2[i].style.display='none';}
if(i==n){o1[i].className="MenuItemOnSel";o2[i].style.display='';}
}
o1=o2=null;
}
</script>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td class="MenuItem"> </td>
<td id="MainMenu" class="MenuItemOnSel" onMouseOver="doOver(this,0)"><a href="index.asp">统计概况</a></td>
<td id="MainMenu" class="MenuItem" onMouseOver="doOver(this,1)"><a href="Hour.asp">分时统计</a></td>
<td class="MenuItem" style="width:50px"> </td>
</tr>
<tr>
<td colspan="5" height="24" align="left" valign="bottom">
<div id="menuContent" style="display:none;">
<img src="../images/blank.gif" width=56 height=1>
<span class="ML">
<a href="index.asp">综合统计</a>
| <a href="Info.asp">修改资料</a>
| <a href="Help.asp">统计代码</a>
</span>
</div>
<div id="menuContent" style="display:none">
<img src="../images/blank.gif" width=116 height=1>
<span class="ML">
<a href="Hour.asp">日报一览</a>
| <a href="Week.asp">周报一览</a>
| <a href="Day.asp">月报一览</a>
| <a href="Month.asp">年报一览</a>
</span>
</div>
</td>
<td> </td>
</tr>
</table>
解决方案 »
- 一个简单方法求解释
- 请高手帮个忙,一个关于JS获取元素坐标的问题
- 请教:javascript如何将地址栏传的参数值接收到呢?
- 大家说用js加载大量的样式对速度有影响吗!
- DIV没有设置ID属性,如何读取DIV中的innerHTML
- Obj.length属性问题
- 如何给页面所有图像添加事件使之可以动态改变大小?
- 正则问题--怎么让数字串只有2、3、5三种数字
- 当选择下拉列表框不同的值,立刻执行一段代码填充下一个表格?急求 100分
- 请问各位大侠:如何用javascript 读取 Temporary Internet Files 目录下的文件
- 最近结帖老是出错!不知道各位有没有收到分?
- 挑战难度:请问MSN是如何实现改变网页的颜色,特别是图片颜色
function MM_findObj(n,d)
{
var p,i,x;
if(!d)d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
}
if(!(x=d[n])&&d.all)x=d.all[n];for(i=0;!x&&i<d.forms.length;i++)x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById)x=document.getElementById(n);return(x);
}
function MSHL()
{
var i,p,v,obj,args=MSHL.arguments;
for(i=0;i<(args.length-2);i+=3)if((obj=MM_findObj(args[i]))!=null){v=args[i+2];
if(obj.style){obj=obj.style;v=(v=='show')?'visible':(v='hide')?'hidden':v;}
obj.visibility=v;}
}
function MN1(n)
{
document.write("<div id=Layer" + n + " style='position:absolute'>");
document.write("<div id=serve" + n + " style='position:absolute; left:0px; top:14px; width:90px; height:30px; z-index:20; visibility: hidden;' onMouseOut=MSHL('serve" + n + "','','hide') onMouseOver=MSHL('serve" + n + "','','show')>");
document.write("<table width=100% border=0 cellspacing=1 cellpadding=3 bgcolor=#cccccc class=TBMenu style='FILTER: alpha(opacity=100)'>");
document.write("<tr bgcolor=eeeeee class=MenuBG><td style='line-height:16px'>");
document.write("<table width=100% border=0 border=0 cellspacing=0 cellpadding=1 style=cursor:hand>");
}
function MN(m,n)
{
document.write("<tr><td onmouseover=\"this.className='MenuColor';\" onmouseout=\"this.className='';\">");
document.write("<img src=images/blank.gif height=2 width=2><br><img src=images/blank.gif height=2 width=2><a href=\"");
if(m.substr(0,5) != "http:"){document.write("" + m + "\">" + n + "</a></td></tr>");}
else{document.write(m + "\">" + n + "</a></td></tr>");}
}
function MNMN(m,n)
{
document.write("<tr><td onmouseover=\"this.className='MenuColor';\" onmouseout=\"this.className='';\">");
document.write("<img src=images/blank.gif height=2 width=2><br><img src=images/blank.gif height=2 width=2><a href=\"");
if(m.substr(0,5) != "http:"){document.write("" + m + "\" target=\"_blank\">" + n + "</a></td></tr>");}
else{document.write(m + "\">" + n + "</a></td></tr>");}
}
function MN2(i,m,n)
{
document.write("</table></td></td></tr></table></div></div>");
document.write("<a href=\"" + m + "\" onMouseOver=\"MSHL('serve" + i + "','','show','subscibe','','hide','order','','hide','feature','','hide','defuser','','hide','spread','','hide')\" onMouseOut=\"MSHL('serve" + i + "','','hide','subscibe','','hide','order','','hide','feature','','hide','defuser','','hide','spread')\">" + n + "</a>");
}
function MNL(){document.write(" | ");}
MN1(0);
MN("./Close.htm\"target=\"_blank","退出系统")
MN2(0,"#","系统操作")
MNL()
MN1(1);
MN("http://www.csdn.net/\"target=\"_blank","帮助主题")
MN2(1,"#","帮助")
把上面代码存为menu.js,就可以在页面的任意地方包含了。
修改菜单项也方便。