📄 s10_20.htm
字号:
<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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -