📄 menu3.htm

📁 这是一些关于JavaScript的学习资料希望对大家有用

💻 HTM

字号:

<html>
<head>
<title> - 品络科技 pinluo.com</TITLE>
<style>
BODY {margin: 0px}



#menuBar
 {
position: absolute; 
left: 0; 
top: 0;
 width: 100%; 
height: 22px; 
border: 1px solid lightblue; 
background-color: lightblue; 
layer-background-color: lightblue
}



.daMenu 
{
position: absolute;
 width: 100px; 
height: 22px; 
border: 1px solid lightblue; 
layer-background-color: 
lightblue; 
top: 0
}


.moreMenu
 {
position: absolute; 
width: 100px; 
border: 1px solid red; 
background-color: red; 
layer-background-color: red; 
visibility: hidden; 
top: 22px;
}


.itemAnchor
 {
font-family: Verdana; 
font-size: 12px; 
color: black; 
text-decoration: none
}


.monkey  
{
position:absolute; 
left:300px; 
top:150px; 
visibility: hidden}

#webmonkey 
{left: 0}

#moreMonkey 
{position: absolute; left: 0}
</style>
<script>
function reveal(menu, parent) 
   {
    daMenu = document.all(menu).style;
    if (daMenu.visibility == "visible") 
      {
          daMenu.visibility = "hidden";
        }
      else 
     {
         daMenu.visibility = "visible";
     }
      lastMenu = daMenu;
   }
var lastItem = 'aaron';
function menuItem(item){
    daLast = document.all(lastItem).style;
    daItem = document.all(item).style;
    daLast.visibility = "hidden";
    daItem.visibility = "visible";
    lastMenu.visibility = "hidden";
    lastItem = item;
   }
</script>
</head>
<body MARGINWIDTH="0" MARGINHEIGHT="0" bgcolor="#FFFFFF" text="#000000">
<span class="itemAnchor"></span> 
<div id="menuBar">
</div>
<div id="webmonkey" class="daMenu"><a href="lessbasicmenu.htm#" class="itemAnchor" onclick="javascript: reveal('moreMonkey', 'webmonkey'); return false;">Webmonkey</a></div>
<div id="moreMonkey" class="moreMenu">
   <a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('aaron'); return false">Aaron</a><br>
   <a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('captCursor'); return false">Captain&nbsp;Cursor</a><br>
   <a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('anna'); return false">Cassandra</a><br>
</div>      
<div id="aaron" class="monkey">
  <img src="suzh1.jpg" width="240" height="171"> 
</div>
<div id="anna" class="monkey">
  <img src="suzh2.jpg" width="240" height="171"> 
</div>
<div id="captCursor" class="monkey">
  <img src="suzh3.jpg" width="240" height="171"> 
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -