s10_20.htm

来自「老师课件」· HTM 代码 · 共 57 行

HTM

57 行

<HTML>

<HEAD>
<META name="GENERATOR" content="Microsoft FrontPage 5.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<TITLE>动态卷轴式弹出菜单</TITLE>
<SCRIPT language="JavaScript">
function moveX(x)
{//贴边菜单左移x个象数(>0:展开菜单;<0:卷起菜单)
	sideMenu.style.pixelLeft += x;
}

function makeStatic()
{//使贴边菜单总是处于离可视区顶边20个象数的位置
	sideMenu.style.pixelTop=document.body.scrollTop+20;
	setTimeout("makeStatic()",10);
}

function locateMenu()
{//使贴边菜单处于卷起状态
	moveX(-132);
}

</SCRIPT>
</HEAD>

<BODY onload="locateMenu();makeStatic();">

<DIV ID="sideMenu" onmouseover="moveX(132)" onmouseout="moveX(-132)" style="Position:Absolute;Left:0px;Top:20px;Z-Index:20;cursor:hand">
  <TABLE border="1" cellpadding="0" cellspacing="0" width="150" bgcolor="#000000">
    <TR>
      <TH bgcolor="#0099FF" align="center">菜单</TH>
      <TD align="center" rowspan="100" width="16" bgcolor="#FF6666">贴边菜单</TD>
    </TR>
    <SCRIPT language="JavaScript">
    var link_text = new Array();
    var link_url = new Array();
    link_text[0]="首 页";		link_url[0]="http://url1";
    link_text[1]="校 内 新 闻";	link_url[1]="http://url2";
    link_text[2]="教 务 公 开";	link_url[2]="http://url3";
    link_text[3]="人 事 变 动";	link_url[3]="http://url4";
    link_text[4]="校 园 文 化";	link_url[4]="http://url5";
    link_text[5]="院 系 情 况";	link_url[5]="http://url6";

    for (i=0;i<=link_text.length-1;i++)
      document.write('<TR><TD height=20 bgcolor=white ><A href="'+link_url[i]+'" style="font-size:13px; text-decoration: none">'+link_text[i]+'</A></TD></TR>')
    </SCRIPT>
    <TR>
      <TD bgcolor="#0099FF">　</TD>
    </TR>
  </TABLE>
</DIV>

</BODY>

</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?

s10_20.htm

s10_20.htm - 源码说明

⌨️ 快捷键说明