87,922
社区成员
发帖
与我相关
我的任务
分享高分求注释
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>另类菜单</title>
<style type="text/css">
.menubar{position:absolute;top:10px;width:100px;height:20px;cursor:default;border-width:1px;border-style:outset;color:yellow;background:#0099cc}
.menu{position:absolute;filter:revealTrans(duration:2;transition:23);top:30px;width:140px;display:none;border-width:2px;border-style:outset;border-color:white sliver sliver white;background:yellow;padding:15px}
.menu A{text-decoration:none;color:blue}
.menu A:hover{color:#00ffff}
</style>
<script language="javascript">
function menuControl(show)
{
window.event.cancelBubble=true;
var objID=event.srcElement.id;
var index=objID.indexOf("_");
var mainID=objID.substring(0,index);
var numID=objID.substring(index+1,objID.length);
if(mainID=="menubar")
{
if(show==1)
{
eval("showMenu("+"menu_"+numID+")");
}
else
{
eval("hideMenu("+"menu_"+numID+")");
}
}
}
function showMenu(obj)
{
obj.filters.revealTrans.Apply();
obj.style.display="block";
obj.filters.revealTrans.Play();
}
function hideMenu(obj)
{
nbottom=0;
obj.style.display="none";
}
function keepMenu(obj)
{
obj.style.display="block";
}
</script>
</head>
<body>
<table border="1" width="100%" height="10%" cellspacing="1" cellpadding="1" style="font-size:15px">
<tr bgcolor=red>
<td width="25%">
<div align="center"id="menubar_1" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)" >
教育网站
</div>
</td>
<td width="25%">
<div align="center"id="menubar_2" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
电脑网站
</div>
</td>
<td width="25%">
<div align="center"id="menubar_3" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
免费邮件
</div>
</td>
<td width="25%">
<div align="center"id="menubar_4" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)" >
其它网站
</div>
</td>
</tr>
<tr bgcolor=skyblue>
<td width="20%">
<div align="left"id="menu_1" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.cqcas.edu.cn">重庆民政学校</a><br>
<a href="http://www.cqu.edu.cn">重庆大学</a><br>
<a href="http://www.cquc.edu.cn">重庆交通学院</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_2" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.yesky.com">天极网</a><br>
<a href="http://www.cfan.cn.net">电脑爱好者</a><br>
<a href="http://www.intoweb.com.cn">上网杂志</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_3" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.163.com">163电子邮件</a><br>
<a href="http://freemail.263.net">首都在线</a><br>
<a href="http://www.21cn.com">21CN电子邮件</a><br>
<a href="http://www.chinese.com">炎皇在线</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_4" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.sohu.com.cn">搜狐</a><br>
<a href="http://www.yahoo.com">雅虎</a><br>
<a href="http://www.cseek.com">搜索客</a><br>
<a href="http://www.sina.com">新浪网</a><br>
</div>
</td>
</tr>
</table>
</body>
</html>
注：js中的那几个函数看不懂，里面的变量不知道是干什么用的,请高手给出注释，越完整越好
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>另类菜单</title>
<style type="text/css">
.menubar{position:absolute;top:10px;width:100px;height:20px;cursor:default;border-width:1px;border-style:outset;color:yellow;background:#0099cc}
.menu{position:absolute;filter:revealTrans(duration:2;transition:23);top:30px;width:140px;display:none;border-width:2px;border-style:outset;border-color:white sliver sliver white;background:yellow;padding:15px}
.menu A{text-decoration:none;color:blue}
.menu A:hover{color:#00ffff}
</style>
<script language="javascript">
function menuControl(show)
{
window.event.cancelBubble=true;
var objID=event.srcElement.id;
var index=objID.indexOf("_");
var mainID=objID.substring(0,index);
var numID=objID.substring(index+1,objID.length);
if(mainID=="menubar")
{
if(show==1)
{
eval("showMenu("+"menu_"+numID+")");
}
else
{
eval("hideMenu("+"menu_"+numID+")");
}
}
}
function showMenu(obj)
{
obj.filters.revealTrans.Apply();
obj.style.display="block";
obj.filters.revealTrans.Play();
}
function hideMenu(obj)
{
nbottom=0;
obj.style.display="none";
}
function keepMenu(obj)
{
obj.style.display="block";
}
</script>
</head>
<body>
<table border="1" width="100%" height="10%" cellspacing="1" cellpadding="1" style="font-size:15px">
<tr bgcolor=red>
<td width="25%">
<div align="center"id="menubar_1" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)" >
教育网站
</div>
</td>
<td width="25%">
<div align="center"id="menubar_2" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
电脑网站
</div>
</td>
<td width="25%">
<div align="center"id="menubar_3" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)">
免费邮件
</div>
</td>
<td width="25%">
<div align="center"id="menubar_4" class="menubar" onmouseover="menuControl(1)" onmouseout="menuControl(0)" >
其它网站
</div>
</td>
</tr>
<tr bgcolor=skyblue>
<td width="20%">
<div align="left"id="menu_1" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.cqcas.edu.cn">重庆民政学校</a><br>
<a href="http://www.cqu.edu.cn">重庆大学</a><br>
<a href="http://www.cquc.edu.cn">重庆交通学院</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_2" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.yesky.com">天极网</a><br>
<a href="http://www.cfan.cn.net">电脑爱好者</a><br>
<a href="http://www.intoweb.com.cn">上网杂志</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_3" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.163.com">163电子邮件</a><br>
<a href="http://freemail.263.net">首都在线</a><br>
<a href="http://www.21cn.com">21CN电子邮件</a><br>
<a href="http://www.chinese.com">炎皇在线</a>
</div>
</td>
<td width="20%">
<div align="left"id="menu_4" class="menu" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<a href="http://www.sohu.com.cn">搜狐</a><br>
<a href="http://www.yahoo.com">雅虎</a><br>
<a href="http://www.cseek.com">搜索客</a><br>
<a href="http://www.sina.com">新浪网</a><br>
</div>
</td>
</tr>
</table>
</body>
</html>
注：js中的那几个函数看不懂，里面的变量不知道是干什么用的,请高手给出注释，越完整越好
...全文
请发表友善的回复…
发表回复
