📄 s10_19.htm
字号:
<HTML>
<HEAD>
<META name="vs_targetSchema" content="HTML 4.0">
<META name="GENERATOR" content="Microsoft FrontPage 5.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>下拉菜单</TITLE>
<STYLE>
.menu_bar {font-family: "宋体" ; font-size: 9pt}
#menu {visibility:hide;z-index:100;font-family: "宋体" ; font-size: 9pt}
-->
</STYLE>
</HEAD>
<BODY onclick="hideMenu()" onload="fillMenu()">
<SCRIPT language="JavaScript">
//指定下拉菜单的内容。
var menuItems=new Array();
menuItems[0]='<a href=http://www.zsu.edu.cn/>南校区</a>';
menuItems[1]='<a href=http://www.gzsums.edu.cn/>北校区</a>';
menuItems[2]='<a href=http://home.sysu.edu.cn/zhuhai>珠海校区</a>';
menuItems[3]='大学城校区';
var current_menu;//保存当前菜单
function showMenu(oneMenu)
{//显示oneMenu指定的菜单(即:调整位置和设为可视)
current_menu = oneMenu;
current_menu.style.left=document.body.scrollLeft+event.clientX-event.offsetX;
current_menu.style.top=document.body.scrollTop+event.clientY-event.offsetY+28;
current_menu.style.visibility="visible";
current_menu.style.zIndex=10;
}
function hideMenu()
{//隐藏当前菜单
if(current_menu!=null) current_menu.style.visibility="hidden";
}
function fillMenu()
{//为菜单填充菜单项
var html="",i;
for (i=0;i<menuItems.length;i++) html+=menuItems[i]+"<br>";
menu.innerHTML = html;
}
</SCRIPT>
<!----------定义下拉菜单开始---------->
<P class="menu_bar" onclick="showMenu(menu);event.cancelBubble=true" style="cursor:hand">
校区列表</P>
<DIV id="menu" style="position:absolute;left:0;top:0;background-color:#CDECF5;width:80;visibility:hidden;border:1px solid black;padding:4px">
</DIV>
<!----------定义下拉菜单结束---------->
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -