📄 menu4.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
}
.daMenu1
{
position: absolute;
width: 100px;
height: 22px;
border: 1px solid lightblue;
layer-background-color:
lightblue;
top: 0;
left:100px
}
.moreMenu
{
position: absolute;
width: 100px;
border: 1px solid red;
background-color: red;
layer-background-color: red;
visibility: hidden;
top: 22px;
}
.moreMenu1
{
position: absolute;
width: 100px;
border: 1px solid red;
background-color: red;
layer-background-color: red;
visibility: hidden;
top: 22px;
left:100px
}
.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>
var lastmainItem = 'moreMonkey';
function reveal(menu, parent)
{
lastMenu=document.all( lastmainItem).style;
lastMenu.visibility="hidden";
daMenu = document.all(menu).style;
if (daMenu.visibility == "visible")
{
daMenu.visibility = "hidden";
}
else
{
daMenu.visibility = "visible";
}
// lastMenu = daMenu;
lastmainItem=menu;
}
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;
}
var hidden1='hidden';
</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" onmouseover="javascript: reveal('moreMonkey', 'webmonkey')" onclick=" return false;" onmouseout="list= window.setTimeout('moreMonkey.style.visibility=hidden1',500)">Webmonkey</a></div>
<div id="webmonkey1" class="daMenu1"><a href="lessbasicmenu.htm#" class="itemAnchor" onmouseout="list= window.setTimeout('moreMonkey1.style.visibility=hidden1',500)"onmouseover="javascript: reveal('moreMonkey1', 'webmonkey1')" onmouseout="javascript: reveal('moreMonkey1', 'webmonkey1')" onclick=" return false;">Webmonkey</a></div>
<div id="moreMonkey" class="moreMenu" onmouseout="this.style.visibility='hidden'" onmouseover="this.style.visibility='visible';window.clearTimeout(list)">
<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 Cursor</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('cassandra'); return false">Cassandra</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('chris'); return false">Chris</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('courtney'); return false">Courtney</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('jeff'); return false">Jeff</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('joanne'); return false">Joanne</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('jeanPierre'); return false">Jean Pierre</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('klug'); return false">Klug</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('kristin'); return false">Kristin</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('nadav'); return false">Nadav</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('taylor'); return false">Taylor</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('thau'); return false">Thau</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('tim'); return false">Tim</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('wendy'); return false">Wendy</a><br>
</div>
<div id="moreMonkey1" class="moreMenu1" onmouseout="this.style.visibility='hidden'" onmouseover="this.style.visibility='visible' ;window.clearTimeout(list)">
<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 Cursor</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('cassandra'); return false" >Cassandra</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('chris'); return false" >Chris</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('courtney'); return false" >Courtney</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('jeff'); return false" >Jeff</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('joanne'); return false" >Joanne</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('jeanPierre'); return false" >Jean Pierre</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('klug'); return false" >Klug</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('kristin'); return false" >Kristin</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('nadav'); return false" >Nadav</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('taylor'); return false" >Taylor</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('thau'); return false" >Thau</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('tim'); return false" >Tim</a><br>
<a href="lessbasicmenu.htm#" class="itemAnchor" onclick="menuItem('wendy'); return false" >Wendy</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>
<div id="cassandra" class="monkey">
<img src="suzh1.jpg" width="240" height="171">
</div>
<div id="chris" class="monkey">
<img src="suzh2.jpg" width="240" height="171">
</div>
<div id="courtney" class="monkey">
<img src="suzh3.jpg" width="240" height="171">
</div>
<div id="jeanPierre" class="monkey">
<img src="suzh1.jpg" width="240" height="171">
</div>
<div id="jeff" class="monkey">
<img src="suzh2.jpg" width="240" height="171">
</div>
<div id="joanne" class="monkey">
<img src="suzh3.jpg" width="240" height="171">
</div>
<div id="klug" class="monkey">
<img src="suzh1.jpg" width="240" height="171">
</div>
<div id="kristin" class="monkey">
<img src="suzh2.jpg" width="240" height="171">
</div>
<div id="nadav" class="monkey">
<img src="suzh3.jpg" width="240" height="171">
</div>
<div id="shvatz" class="monkey">
<img src="suzh1.jpg" width="240" height="171">
</div>
<div id="taylor" class="monkey">
<img src="suzh3.jpg" width="240" height="171">
</div>
<div id="thau" class="monkey">
<img src="suzh2.jpg" width="240" height="171">
</div>
<div id="tim" class="monkey">
<img src="suzh1.jpg" width="240" height="171">
</div>
<div id="wendy" class="monkey">
<img src="suzh1.jpg" width="240" height="171">
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -