点击文字让层移动的菜单

时间：2022-07-02 15:11:30 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<html>
<head>
<title>点击文字让层移动的菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body topmargin="0" leftmargin="0" bgcolor="#FFFFFF" onclick="menuHide();">
<script>
document.onmousewheel=function()
{
	status=event.wheelDelta;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>

</style>
<script language=javascript>
var run=0;
var show=0;
function menuRow()
{
  show=1;
  run=1;
  menu.style.pixelTop-=5;
  if(menu.style.pixelTop>0)
	setTimeout('menuRow();','5');
  else
    run=0;
}
function menuShow()
{
  if(!run&&!show)
  {
    menu.style.visibility='visible';
	menup.style.visibility='visible';
    menu.style.pixelTop=200;
    menuRow();
  }
}
function menuHide()
{
  if(!run&&show)
  {
    menu.style.visibility='hidden';
	menup.style.visibility='hidden';
	show=0;
  }
}
</script>

<div style="overflow: hidden; left=404px; top:30px;  visibility:show;

z-index:1; position:absolute; visibility:hidden; border-left: 0px; border-right: 0px;

border-top: 0px solid; border-bottom: 1px solid #FF0000; " id=menup> 
        <div bgcolor="#FFFFFF" id=menu align=center style="position: absolute;   z-index: 1; left: 0px; top: 200px; overflow: hidden; visibility: hidden; background-image:

url('images/menu_bg.gif'); border: 1 solid #FF0000"> 
          <table width=93 cellpadding="0" cellspacing="4" style="position: relative; top: 1">
            <tr>
              <td valign="middle" align="center" height="20" class=menuout