📄 p277ieonly_improved_menus.htm

📁 javascript source code part2

💻 HTM

字号:

<HTML>
   <BODY>
      <STYLE TYPE="text/css">
         #menu1 { position: absolute; clip: rect(auto auto 16 auto) }
         #item  { background-color: red }
      </STYLE>

      <SCRIPT>
         function   pick(obj) { obj.style.backgroundColor="yellow"; return true; }
         function unpick(obj) { obj.style.backgroundColor="red"; return true;}
      </SCRIPT>

      <STRONG>
         <PRE>
            <DIV id="menu1"
                 ONMOUSEOVER="this.style.clip = 'rect(auto auto auto auto)'"
                 ONMOUSEOUT ="this.style.clip = 'rect(auto auto 16 auto)'">
               <SPAN ID="item">File  </SPAN>
               <SPAN ID="item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</SPAN>
               <SPAN ID="item" ONMOUSEOVER="pick(this)" ONMOUSEOUT="unpick(this)">
                  Open&nbsp;
               </SPAN>
               <SPAN ID="item" ONMOUSEOVER="pick(this)" ONMOUSEOUT="unpick(this)">
                  Edit&nbsp;
               </SPAN>
               <SPAN ID="item" ONMOUSEOVER="pick(this)"
                     ONMOUSEOUT="unpick(this)">Export</SPAN>
               <SPAN ID="item" ONMOUSEOVER="pick(this)"
                     ONMOUSEOUT="unpick(this)">Import</SPAN>
               <SPAN ID="item" ONMOUSEOVER="pick(this)" ONMOUSEOUT="unpick(this)">
                  Save&nbsp;
               </SPAN>
               <SPAN ID="item">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</SPAN>
               <SPAN ID="item" ONMOUSEOVER="pick(this)" ONMOUSEOUT="unpick(this)">
                  Exit&nbsp;
               </SPAN>
            </DIV>
         </PRE>
      </STRONG>
   </BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -