hide/show 2 layers...ahvad
hejsa, jeg har disse dropitems på min side, hvor når man holder musen over de øverste bokse, så viser den et layer, og når man rygger væk skjuler den det igen, men hvordan får jeg den til at vise og skjule 2 layers pr. firkant man rykker musen over??paster lige html koden da siden er nede:
<html>
<head>
<title>All Celebz - Made By Neo-Design: There is no spoon</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\"><!--
//names of dropdowns stored here
f7_droplayer=new Array()
f7_droplayer[0]=\"drop1\"
f7_droplayer[1]=\"drop2\"
f7_droplayer[2]=\"drop3\"
f7_droplayer[3]=\"drop4\"
f7_droplayer[4]=\"drop5\"
f7_droplayer[5]=\"drop6\"
f7_droplayer[6]=\"drop7\"
//simple browser check
f7_v4=(parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<=5)?1:0
f7_ie=(document.all && f7_v4)?1:0
f7_ns=(document.layers && f7_v4)?1:0
//code for drops
function f7_showdrop(thelayer){
f7_keep=thelayer; f7_hideall(); f7_showitnow=1
f7_showit(thelayer)
}
function f7_showit(thelayer){
if(f7_ie){ eval(f7_droplayer[thelayer]+\'.style.visibility=\"visible\"\') }
if(f7_ns){ eval(\'document.\'+f7_droplayer[thelayer]+\'.visibility=\"show\"\');}
}
function f7_hidedrop(){
f7_keep=-1; setTimeout(\'f7_hideall()\',500)
}
f7_keep=-1
function f7_hideall(){
for(i=0;i<f7_droplayer.length;i++){
f7_hideit=0; f7_checkmousepos(i)
if(f7_ie && f7_keep!=i){
if(f7_hideit){ eval(f7_droplayer[i]+\'.style.visibility=\"hidden\"\') }
}
if(f7_ns && f7_keep!=i){
if(f7_hideit){ eval(\'document.\'+f7_droplayer[i]+\'.visibility=\"hide\"\') }
}
}
}
//deal with cursor over layer
document.onmousemove = f7_getmousepos
if (f7_ns) document.captureEvents(Event.MOUSEMOVE)
function f7_getmousepos(e){
if(f7_ns){f7_mousex=e.pageX; f7_mousey=e.pageY}
if(f7_ie){f7_mousex=event.clientX; f7_mousey=event.clientY;}
}
function f7_checkmousepos(i){
if(f7_ns){
f7_x_min=eval(\'document.\'+f7_droplayer[i]+\'.left\')
f7_x_max=f7_x_min+eval(\'document.\'+f7_droplayer[i]+\'.clip.width\')
f7_y_min=eval(\'document.\'+f7_droplayer[i]+\'.top\')
f7_y_max=f7_y_min+eval(\'document.\'+f7_droplayer[i]+\'.clip.height\')
}
if(f7_ie){
f7_x_min=eval(f7_droplayer[i]+\'.style.pixelLeft\')
f7_x_max=f7_x_min+eval(f7_droplayer[i]+\'.scrollWidth\')
f7_y_min=eval(f7_droplayer[i]+\'.style.pixelTop\')
f7_y_max=f7_y_min+eval(f7_droplayer[i]+\'.scrollHeight\')
}
if (f7_mousex>=f7_x_min && f7_mousex<=f7_x_max && f7_mousey>=f7_y_min && f7_mousey<=f7_y_max){
f7_hideit=0; setTimeout(\'f7_hideall()\',500)
}
else { f7_hideit=1 }
return f7_hideit
}
//--></script>
<script language=\"JavaScript\"><!--
//browser stylesheets
if(f7_ie){
document.write(\'<style type=\"text/css\"><!--\')
document.write(\'.dropdown {height:1px; width:1px; padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:10px;}\')
document.write(\'p { margin-top:0px; margin-bottom:6px }\')
document.write(\'a { text-decoration: none }\')
document.write(\'a:hover { color: white; text-decoration: underline }\')
document.write(\'--></style>\')
}
//--></script>
<style type=\"text/css\">
<!--
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:17px}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.header { font: bold 24px Arial, Verdana, Helvetica, sans-serif }
.subhead { font-weight: bold; font-size: 12px }
.list { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: none }
.forms { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif }
.dropdown { position: absolute; color:black; width:140px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #EFEFEF; layer-background-color: #EFEFEF; top:110px; z-index:1; visibility: hidden ;}
.drophead { color:#333333; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none }
.dropitem { text-decoration:none; color:black; font: 12px Arial, Verdana, Helvetica, sans-serif;}
.drophead:hover { color:black; text-decoration:none }
.dropitem:hover { color:black; font: bold }
-->
</style>
<script language=\"JavaScript\">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName==\"Netscape\")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>
<body bgcolor=\"#132F3A\" text=\"#FFFFFF\" link=\"#FF0000\" vlink=\"#FFFFFF\" alink=\"#FFFFFF\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">
<div id=\"Layer4\" style=\"position:absolute; left:928px; top:400px; width:1px; height:7px; z-index:5\">
<hr>
</div>
<style>
BODY {
scrollbar-face-color: #132F3A;
scrollbar-shadow-color: #132F3A;
scrollbar-highlight-color: #224A55;
scrollbar-3dlight-color: #132F3A;
scrollbar-darkshadow-color: #132F3A;
scrollbar-track-color: #224A55;
scrollbar-arrow-color: #ffffff;
}</style>
<div id=\"drop1\" class=\"dropdown\" style=\"left:0px;; top: 30px\" onmouseover=\"f7_showdrop(0)\" onmouseout=\"f7_hidedrop()\">
<p>• <a href=\"http://www.whitehat.dk/allcelebz/anna.htm\" class=\"dropitem\">Anna Kournikova</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/britney.htm\" class=\"dropitem\">Britney Spears</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/angels.htm\" class=\"dropitem\">Charlies Angels</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/emma.htm\" class=\"dropitem\">Emma Bunton</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/gerri.htm\" class=\"dropitem\">Gerri Halliwell</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/vic.htm\" class=\"dropitem\">Victoria Adams</a></p>
</div>
<div id=\"drop2\" class=\"dropdown\" style=\"left:61px;; top: 30px\" onmouseover=\"f7_showdrop(1)\" onmouseout=\"f7_hidedrop()\">
<p>
• <a href=\"http://www.whitehat.dk/allcelebz/BritneySucking.mpeg\" class=\"dropitem\">Britney Spears 1</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/britney_spears_nipple_slip.mpg\" class=\"dropitem\">Britney Spears 2</a></p>
</div>
<div id=\"drop3\" class=\"dropdown\" style=\"left:141px;; top: 30px\" onmouseover=\"f7_showdrop(2)\" onmouseout=\"f7_hidedrop()\">
<p>• <a href=\"http://www.whitehat.dk/allcelebz/course.htm\" class=\"dropitem\">Online Course</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/learn.htm\" class=\"dropitem\">Learn How To?</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/mobile.htm\" class=\"dropitem\">Mobile Viruz</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/hackingdownload.htm\" class=\"dropitem\">Downloads</a></p>
</div>
<div id=\"drop4\" class=\"dropdown\" style=\"left:251px;; top: 30px\" onmouseover=\"f7_showdrop(3)\" onmouseout=\"f7_hidedrop()\">
<p>• <a href=\"http://www.whitehat.dk/allcelebz/gamez.htm\" class=\"dropitem\">Best Game?</a></p>
</div>
<div id=\"drop5\" class=\"dropdown\" style=\"left:358px;; top: 30px\" onmouseover=\"f7_showdrop(4)\" onmouseout=\"f7_hidedrop()\">
<p>• <a href=\"http://www.lionhead.com\" class=\"dropitem\">lionhead</a><br>
• <a href=\"http://www.nfs-net.dk\" class=\"dropitem\">Nfs-Net</a><br>
• <a href=\"mailto:dkuneo@hotmail.com\" class=\"dropitem\">Your Site?</a><br>
• <a href=\"mailto:dkuneo@hotmail.com\" class=\"dropitem\">Your Site?</a></p>
</div>
<div id=\"drop6\" class=\"dropdown\" style=\"left:408px;; top: 30px\" onmouseover=\"f7_showdrop(5)\" onmouseout=\"f7_hidedrop()\">
<p>• <a href=\"mailto:dkuneo@hotmail.com\" class=\"dropitem\">My Email</a></p>
</div>
<div id=\"drop7\" class=\"dropdown\" style=\"left:508px;; top: 30px\" onmouseover=\"f7_showdrop(6)\" onmouseout=\"f7_hidedrop()\">
<p>• <a href=\"http://www.whitehat.dk/allcelebz/neo.htm\" class=\"dropitem\">Neo - Master</a><br>
• <a href=\"http://www.whitehat.dk/allcelebz/pstar.htm\" class=\"dropitem\">Pstar - Hacker</a></p>
</div>
<table width=\"97%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"35\">
<tr>
<td bgcolor=\"#000000\" colspan=\"3\">
<table width=\"601\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"30\" bordercolor=\"#FFFFFF\" bgcolor=\"#000000\">
<tr align=\"center\">
<td width=\"61\"> <a href=\"#\" class=\"drophead\" onmouseover=\"f7_showdrop(0)\" onmouseout=\"f7_hidedrop()\"><b><font color=\"#FFFFFF\">Gallery</font></b></a>
</td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"shim.gif\" width=\"1\" height=\"1\"></td>
<td width=\"92\"> <a href=\"#\" class=\"drophead\" onmouseover=\"f7_showdrop(1)\" onmouseout=\"f7_hidedrop()\"><b><font color=\"#FFFFFF\">Videos</font></b></a>
</td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"shim.gif\" width=\"1\" height=\"1\"></td>
<td width=\"89\"> <a href=\"#\" class=\"drophead\" onmouseover=\"f7_showdrop(2)\" onmouseout=\"f7_hidedrop()\"><b><font color=\"#FFFFFF\">Hacking</font></b></a>
</td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"shim.gif\" width=\"1\" height=\"1\"></td>
<td width=\"107\"> <a href=\"#\" class=\"drophead\" onmouseover=\"f7_showdrop(3)\" onmouseout=\"f7_hidedrop()\"><b><font color=\"#FFFFFF\">Gamez</font></b></a>
</td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"shim.gif\" width=\"1\" height=\"1\"></td>
<td width=\"71\"> <a href=\"#\" class=\"drophead\" onmouseover=\"f7_showdrop(4)\" onmouseout=\"f7_hidedrop()\"><b><font color=\"#FFFFFF\">Links</font></b></a>
</td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"shim.gif\" width=\"1\" height=\"1\"></td>
<td width=\"68\"><a href=\"#\" class=\"drophead\" onMouseOver=\"f7_showdrop(5)\" onMouseOut=\"f7_hidedrop()\"><b><font color=\"#FFFFFF\">Contact</font></b></a>
</td>
<td bgcolor=\"#000000\" width=\"1\"><img src=\"shim.gif\" width=\"1\" height=\"1\"></td>
<td width=\"68\"><a href=\"#\" class=\"drophead\" onMouseOver=\"f7_showdrop(6)\" onMouseOut=\"f7_hidedrop()\"><b><font color=\"#FFFFFF\">
Members</font></b></a>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan=\"3\" height=\"2\"><img src=\"shim.gif\" width=\"1\" height=\"1\"></td>
</tr>
</table>
<div id=\"Layer1\" style=\"position:absolute; width:808px; height:263px; z-index:0; left: 90px; top: 80px\">
<div align=\"center\">
<p> </p>
<p><font size=\"7\" color=\"#224A55\">Welcome To All Celebz</font></p>
<p> </p>
<p> </p>
<p><font size=\"4\" color=\"#FFFFFF\">News:</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">--</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">6/4/2001</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Neo vs. Nemesis</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Well alot has asked why Nemesis isnt under
members</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Well thats is because neo and nemsis is
the same person</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">When im in Whitehat mood im Neo</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">When im in Blackhat mood im Nemesis</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">--</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">5/4/2001</font></p>
<p><font size=\"4\">Poem</font></p>
<p><font size=\"4\">Well allcelebz now got a poem, we will post this poem</font></p>
<p><font size=\"4\">on every thing we hack</font></p>
<p><font size=\"4\">This is also the messeage our mobile viruz shows when </font></p>
<p><font size=\"4\">target is dead!</font></p>
<p><font color=\"#FF0000\">Fuckin\' With Me <br>
Is Like Fuckin\' With Ecstasy, <br>
You Never Know When You Gonna Die...</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">--</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">30/3/2001</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Job! </font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Hello, we need a flash designer! you need
to be skilld.</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">we will be giving you privat hacking/programming
lessons, </font></p>
<p><font size=\"4\" color=\"#FFFFFF\">if u </font><font size=\"4\" color=\"#FFFFFF\">want
to</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Male/Female dosnt matter </font></p>
<p><font size=\"4\" color=\"#FFFFFF\">--</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">30/3/2001</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">New Galleryes, Member site and stuff</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Victoria Adams gallery is being uploadet!
plus some other pics</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">new pics for: Emma, Gerry and some other
girl. </font></p>
<p><font size=\"4\" color=\"#FFFFFF\">--</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">30/3/2001</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Well recieved about 20 pics, from Pstar
today, so i will update the</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">site, so please if the sites is a litlle
laggy, its beause of the</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">update - Thx <a href=\"http://www.whitehat.dk/allcelebz/pstar.htm\"><font color=\"#FF0000\">Pstar</font></a></font></p>
<p><font size=\"4\" color=\"#FFFFFF\">--</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">29/3/2001</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">MKS SITE SNIFFED!</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">www.mks.dk (my school) intra-net site password
sniffed!</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">storry <a href=\"http://www.whitehat.dk/allcelebz/mks.htm\"><font color=\"#FF0000\">here</font></a><font color=\"#FF0000\">!</font></font></p>
<p><font size=\"4\" color=\"#FFFFFF\">--</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">29/3/2001</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">NEW MEMBER</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Pstar has joind our crew, happend under
the MKS afair!</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">--</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">29/3/2001</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">NEW PROGRAM</font></p>
<p><font size=\"4\" color=\"#FFFFFF\">Our mobile viruz is now ONLINE! <a href=\"http://www.geocities.com/allcelebz/mv.zip\"><font color=\"#FF0000\">here</font></a><font color=\"#FF0000\">!</font>
</font></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</body>
</html>
