⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 sample.htm

📁 JAVA下拉菜单,在别人的基础上改进,并有完整例子
💻 HTM
字号:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" >
    <title>AML Work Flow</title>
    <LINK href="mainstyle.css" type="text/css" rel="stylesheet"/>
<script language="javascript" src="main.js" 
type="text/javascript"></script>

<script language="javascript" src="ypSlideOutMenus_subs.js" 
type="text/javascript"></script>

<script language="javascript" src="mainmenu.js" 
type="text/javascript">



</script>
</head>
<body language="javascript" style="background-color: #deebf5" id="bb1">
    <form id="form1" >
        <div align="left">
        <table id="HeaderTbl" width="100%"><tr><td align="center" width="100%"></td></tr></table>
  <table id="MenuTable" align="left" border="0" width="100%"  >
    <tr>
    <td width="50%"></td> 
      <td width="138" height="28" align="left" valign="middle" id="TD1" nowrap background="buttons.gif"><div id=act0 onMouseOver="ypSlideOutMenu.showMenu('menu1');" 
      title="OUT DUTY" onMouseOut="ypSlideOutMenu.hideMenu('menu1');"><font size="2">&nbsp;&nbsp;OUT DUTY 出勤</font></div></td>
      <td width="138" align="left"  valign="middle"  id="TD2"  nowrap background="buttons.gif"><div id=act1 onMouseOver="ypSlideOutMenu.showMenu('menu2');" 
      title="OVERTIME" onMouseOut="ypSlideOutMenu.hideMenu('menu2');"><font size="2">&nbsp;&nbsp;OVERTIME 加班</font></div></td>
      <td width="138" align="center"  valign="middle"  id="TD3"  nowrap background="buttons.gif"><div id=act2 onMouseOver="ypSlideOutMenu.showMenu('menu3');" 
      title="LEAVE" onMouseOut="ypSlideOutMenu.hideMenu('menu3');"><font size="2">LEAVE 請假</font></div></td>
      <td width="138" align="center"  valign="middle" id="TD4"  nowrap background="buttons.gif"><div id=act3 onMouseOver="ypSlideOutMenu.showMenu('menu4');" 
      title="SYSTEM" onmouseout="ypSlideOutMenu.hideMenu('menu4');" ><font size="2" >SYSTEM 系統</font></div></td>
    <td width=50%></td>
    </tr>
</table>
<br /><br /><br />
    <div id=menu1Container>
    <div class=menu id=menu1Content align=left>
        <div ><input id="NewRequisition" type=button value="New Requisition 申請(HK)" language="javascript" onclick="return MenuClick('OutDutyHKNew.aspx');" style="width: 138px; background-image: url(button.gif); background-color: transparent; border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; border-bottom-style: none;"  /></div> 
        <div ><input id="Inquiry" type=button value="Inquiry 查詢(HK)" language="javascript" onclick="return MenuClick('OutDutyHKIrq.aspx');" style="width: 138px; background-image: url(button.gif); border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; background-color: transparent; border-bottom-style: none;"  /></div>
        <div ><input id="Button2" type=button value="New Requisition 申請(DG)" language="javascript" onclick="return MenuClick('OutDutyDGNew.aspx');" style="width: 138px; background-image: url(button.gif); background-color: transparent; border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; border-bottom-style: none;"  /></div> 
        <div ><input id="Button3" type=button value="Inquiry 查詢(DG)" language="javascript" onclick="return MenuClick('OutDutyDGIrq.aspx');" style="width: 138px; background-image: url(button.gif); border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; background-color: transparent; border-bottom-style: none;"  /></div>

    </div>
    </div>
    <div id=menu2Container>
    <div class=menu id=menu2Content  align=left>
        <div ><input id="Button5" type=button value="New Requisition" language="javascript" onclick="return ShowView(2);" style="width: 138px; background-image: url(button.gif); border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; background-color: transparent; border-bottom-style: none;"  /></div> 
        <div ><input id="Button6" type=button value="Inquiry" language="javascript" onclick="return ShowView(3);" style="width: 138px; background-image: url(button.gif); border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; background-color: transparent; border-bottom-style: none;"  /></div>

    </div>
    </div>
    <div id=menu3Container>
    <div class=menu id=menu3Content align=left>
        <div ><input id="Button7" type=button value="New Requisition" language="javascript" onclick="return ShowView(4);" style="width: 138px; background-image: url(button.gif); border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; background-color: transparent; border-bottom-style: none;"  /></div> 
        <div ><input id="Button8" type=button value="Inquiry" language="javascript" onclick="return ShowView(5);" style="width: 138px; background-image: url(button.gif); border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; background-color: transparent; border-bottom-style: none;"  /></div>
    </div>
    </div>
    <div id=menu4Container>
    <div class=menu id=menu4Content align=left>
        <div ><input id="Button9" type=button value="Individual Setup" language="javascript" onclick="return ShowView(6);" style="width: 138px; background-image: url(button.gif); border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; background-color: transparent; border-bottom-style: none;"  /></div> 
        <div ><input id="Button10" type=button value="About" language="javascript" onclick="return ShowView(7);" style="width: 138px; background-image: url(button.gif); border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; background-color: transparent; border-bottom-style: none;"  /></div>
        <div ><input id="Button1" type=button value="Exit" language="javascript" onclick="return MenuClick('Login.aspx');" style="width: 138px; background-image: url(button.gif); border-top-style: none; border-right-style: none; border-left-style: none; height: 30px; background-color: transparent; border-bottom-style: none;"  /></div>
    </div>
    </div>
    </div>
    <!-- div><img src="ban.gif" width="100%"  height="4" /></div -->
    </form>
 

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -