Menu med hoover mus?

Har set det før ved bare ikke om det er lavet i javascript eller hvad det er lavet i.

Men du forstår det vel selv...?!?  ;o)

jahh... forstår du det?

jeg har set det på en side der hed noget med ozone men kan ikke huske adressen.

Nu har jeg fundet adressen det er noget ala den menu der er på http://www.ozones.com/ jeg mener.

men det jeg søger er bare en forekelt vertion... med en farve.. altså uden bileder.

Hvorfor lavede du ikke en vis kilde ?

Nå, men her er koden til deres menu:

<html>
<head>
<SCRIPT LANGUAGE=\"JavaScript\">
<!--DocOzone\'s Javascript code, copyright 1999
//  Feel free to borrow and modify this javascript,
//  but be sure leave this credit in the source! 
//  (Please note, the CODE, not the images! :) 
//  Your pal,  -Dr. Thaddeus Ozone-   
//        http://www.ozones.com/
window.onerror=null;
netscape = (document.layers) ? 1:0
goodIE = (document.all) ? 1:0
if (netscape) {
  layerstart = \"document.\";
  layerleft = \".left\";
  layertop = \".top\";
  layerstyle = \"\";  }
else if (goodIE) {
  layerstart = \"document.all.\";
  layerleft = \".left\";
  layertop = \".top\";
  layerstyle = \".style\"; }
// end error trapping
var loaded=0;
var gotthere = 0;
var count = 0;
var glownumber = 1;
    leftlocation = new Array( 0,280,355,431,411,438,485,318,181,181,217,263,-96 );
templeftlocation = new Array( 0,280,355,431,411,438,485,390,420,550,680,0 );
        Xorigin = new Array( 0,355,340,340,350,360,430 );
difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
if (netscape) {
  window.captureEvents(Event.MOUSEMOVE);
  window.onMouseMove = MoveHandler;
  var layerstart = \"document.\";
  var layerleft = \".left\";
  var layertop = \".top\";
  var layerstyle = \"\";  }
else if (goodIE) {
document.onmousemove=MoveHandler;
  layerstart = \"document.all.\";
  layerleft = \".left\";
  layertop = \".top\";
  layerstyle = \".style\"; }
// end error trapping
  var Ypos2 = 72;
  var Xpos2 = 72;

beenthere = 0;
oldactive = 0;
active = 0;
buttonpos = new Array( 0,1,2,3,4,5,0,0,0 );
buttontext = new Array(
\"Who is this Dr. Thaddeus Ozone???\",
\"What exactly is OZONE?\",
\"Doc Ozone\\\'s work.\",
\"Doc Ozone\\\'s play.\",
\"Doc Ozone\\\'s image archives.\",
\"Doc Ozone\\\'s interface collections.\"
);
 
function MoveHandler(e) {
if (loaded) {
if (netscape || goodIE) {
  Xpos2 = (netscape)?e.pageX:event.x
  Ypos2 = (netscape)?e.pageY:event.y
if (clicked && !beenthere) {
if (Xpos2 < 264) { beenthere=1; }}
if (clicked && beenthere) {
if (Xpos2 > 264) { beenthere=0; clicked=0; dropdown2(active);
eval(layerstart+\"glow2\"+layerstyle+\".visibility = \'hidden\'\");
}}
  if (Ypos2 > 360) { noglow(); }
  else { eval(layerstart+\"glow\"+layerstyle+\".visibility = \'visible\'\");  }
  glowpos = Xpos2-52;
  if (glowpos < 10) { glowpos = 10; }
  if (glowpos > 530) { glowpos = 530; }
  if ((Xpos2 > (glownumber *104)+50) && (Xpos2 < (glownumber *104)+74) )
  { eval(layerstart+\"glow\"+layerstyle+layerleft+\" = (glownumber*104)+10\"); }
  else {
  eval(layerstart+\"glow\"+layerstyle+layerleft+\" = glowpos\"); }
}}}
function startthedots() {
loaded=1;spinnew();
eval(layerstart+\"buttonhide\"+layerstyle+\".visibility = \'visible\'\");
}
var OrbitSize = 150;
count=1; delay=100; direction = -1;
Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
var speed = -0.0628;
var offset = 1;
Xcount = new Array()
Ycount = new Array()
for ( j = 0 ; j <= 300 ; j++ ) {
Xcount[j] = Math.sin(j*speed);   
Ycount[j] = Math.cos(j*speed);
    }
   
  go=1;
  function speedup() { go=2; }
  function slowdown() { go=1; }
   
placeholder = 100;
  function spinnew() {
if (loaded) {
placeholder = placeholder + go;
if (placeholder > 199) { placeholder=100;  }
for ( j = 1 ; j <= 6 ; j++ ) {
Xpoint[j] = Xorigin[j] + ( (OrbitSize*offset) * Xcount[placeholder+(j*10*offset)] );
diffleft[j] = Xpoint[j] - templeftlocation[j];
diff = 30;
templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;
  eval(layerstart+\"block\"+j+layerstyle+layerleft+\" = templeftlocation[\"+j+\"]\");   
}
setTimeout(\'spinnew()\',25);
}}
counter=0; startup=0;
function glowbug(num) {
if (loaded) {
window.status=buttontext[buttonpos[num]];
glownumber = num;
//eval(layerstart+\"glow\"+layerstyle+layerleft+\" = 10 + (num*104)\");
eval(layerstart+\"glow\"+layerstyle+\".visibility = \'visible\'\");
}}
function noglow() {
if (loaded) {
eval(layerstart+\"glow\"+layerstyle+\".visibility = \'hidden\'\");
}}
clicked=0;
function dropdown(num) {
if (loaded) {
eval(layerstart+\"glow\"+layerstyle+layerleft+\" = (num*104)+10\");
clicked=1;
focus();
holder=buttonpos[num];
buttonpos[num]=buttonpos[0];
buttonpos[0]=holder;
active=buttonpos[0];
oldactive=buttonpos[num];
eval(layerstart+\"button\"+(oldactive+1)+layerstyle+\".zIndex = 3000\");
eval(layerstart+\"button\"+(active+1)+layerstyle+\".zIndex = 5000\");
eval(layerstart+\"glow2\"+layerstyle+\".zIndex = 4000\");
dropdown2(active);
where=num;
slidestart=where*104;
slider();
}}
function dropdown2(num) {
if (loaded) {
eval(layerstart+\"dropdownBKG\"+layerstyle+\".visibility = \'hidden\'\");
  for ( j = 1 ; j <= 6 ; j++ ) {
eval(layerstart+\"button\"+j+\"drop\"+layerstyle+\".visibility = \'hidden\'\");
}
}}
function clickwho() {
for ( checker = 0 ; checker <= 5 ; checker++ ) {
if (buttonpos[checker] == 0) {
dropdown(checker);
}
}
}
function slider() {
if (loaded) {
eval(layerstart+\"button\"+(oldactive+1)+layerstyle+layerleft+\" = 10 + (where*104)\");
slidestart = slidestart-26;
eval(layerstart+\"glow2\"+layerstyle+\".visibility = \'visible\'\");
if (slidestart < 10) { slidestart = 10; }
eval(layerstart+\"button\"+(active+1)+layerstyle+layerleft+\" = slidestart\");
eval(layerstart+\"glow2\"+layerstyle+layerleft+\" = slidestart\");
if (slidestart > 10) { setTimeout(\'slider()\',1); }
else {
eval(layerstart+\"button\"+(active+1)+layerstyle+layerleft+\" = 10\");
eval(layerstart+\"glow2\"+layerstyle+layerleft+\" = 10\");
eval(layerstart+\"button\"+(active+1)+layerstyle+\".zIndex = 3000\");
eval(layerstart+\"glow2\"+layerstyle+\".zIndex = 2600\");
eval(layerstart+\"button\"+(active+1)+\"drop\"+layerstyle+\".visibility = \'visible\'\");
eval(layerstart+\"dropdownBKG\"+layerstyle+\".visibility = \'visible\'\");

window.status = \'whee!\';
}}
}

function launchnow(url) {
launch = window.open(url,\"launch\",\"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=no,width=420,height=480\");
launch.focus();
}


//-- end script -->
</script>
<STYLE TYPE=\"text/css\">
<!--
#block1 {position:absolute; left:280; top:116;width:206;z-index:2000;}
#block2 {position:absolute; left:375; top:172;width:215;z-index:2000;}
#block3 {position:absolute; left:451; top:223;width:187;z-index:2000;}
#block4 {position:absolute; left:411; top:260;width:175;z-index:2000;}
#block5 {position:absolute; left:438; top:300;width:172;z-index:2000;}
#block6 {position:absolute; left:485; top:330;width:115;z-index:2000;}
#button1 {position:absolute; left:10; width:104; top:1;z-index:3000;}
#button2 {position:absolute; left:114; width:104; top:1;z-index:3000;}
#button3 {position:absolute; left:218; width:104; top:1;z-index:3000;}
#button4 {position:absolute; left:322; width:104; top:1;z-index:3000;}
#button5 {position:absolute; left:426; width:104; top:1;z-index:3000;}
#button6 {position:absolute; left:531; width:104; top:1;z-index:3000;}
#button1drop {position:absolute; left:11; top:18; width:102;z-index:3000;visibility:hidden;}
#button2drop {position:absolute; left:11; top:18; width:102;z-index:3000;visibility:hidden;}
#button3drop {position:absolute; left:11; top:18; width:102;z-index:3000;visibility:hidden;}
#button4drop {position:absolute; left:11; top:18; width:102;z-index:3000;visibility:hidden;}
#button5drop {position:absolute; left:11; top:18; width:102;z-index:3000;visibility:hidden;}
#button6drop {position:absolute; left:11; top:18; width:102;z-index:3000;visibility:hidden;}
#dropdownBKG {position:absolute; left:11; top:18; width:254;z-index:1200;visibility:hidden;}
#bannersuch {position:absolute; left:1; top:372; width:470;z-index:1000;}
#buttonhide {position:absolute; left:10; top:0; width:634;z-index:10000;visibility:hidden;}
#glow {position:absolute; left:112; width:104; top:1;z-index:2500;}
#glow2 {position:absolute; left:112; width:104; top:1;z-index:3600;visibility:hidden;}
#ozone {position:absolute; left:303; width:337; top:21;z-index:2500;}
#testimage {position:absolute; left:0; width:640; height:368; top:1;z-index:0;}
a{ text-decoration: none; color: #FF9900; }
a:hover{ text-decoration: underline; color: #ff0000; }
b { font-size:9px; color:#FC6203; font-family: verdana;  font-weight: bold;}
p { font-size:9px; color:#000000; font-family: verdana; }
td { font-size:8px; color:#000000; font-family: verdana; font-weight: bold; }
body { font-size:9px; color:#FC6203; font-family: verdana; }
// -->
</STYLE>
</head>
<body bgcolor=\"#161616\"
text=\"#FC6203\" vlink=\"#EF750E\" link=\"#FF9900\"
background=\"images/strip2.jpeg\" BGPROPERTIES=\"fixed\"
MARGINWIDTH=0 MARGINHEIGHT=1 leftmargin=0 topmargin=1
onLoad=\"startthedots();\">
<div id=\"testimage\" align=left><img alt=\"\" border=0
src=\"images/topleft.gif\" height=18 width=12><br>
<a href=\"center.html\"
onMouseover=\"window.status=\'Reload the OZONE.\';
return true\"><img alt=\"\" border=0
src=\"images/splash_image.jpeg\" height=350 width=640></a></div>


<div ID=\"bannersuch\"><center><center><B><font size=1 face=verdana><nobr>- Entire contents <A
HREF=\"/questions.html\"  target=\"questions\"
onMouseOver=\"window.status=\'Questions about the copyrights? Look here.\'; return true\"
>copyright &copy;1994-2000</a> by <A
HREF=\"/blueprint/contact33.html\" target=\"contact\"
onMouseOver=\"window.status=\'Contact Doctor Ozone\'; return true\"
>Doctor Thaddeus Ozone</a>, all rights reserved. -</nobr><br>

- Date & Time:

Wednesday, August 30, 2000 08:14PM GMT

-<br>- Last updated:

Wednesday, August 02, 2000
-<br>

- <a href=\"http://www.ozones.com/forum/\"
target=\"_top\">the ASYLUM</a> - <a href=\"http://www.handson.nu/\"
target=\"_top\">HandsOn Tutorials</a> -<br>

- <a href=\"mailto:handson-subscribe@egroups.com\">Join the OZONE mailing list</a> -<br>

- <a href=\"http://www.VISI.com/\" target=\"linked\"
onMouseover=\"window.status=\'Hosted by VISI.com\';
return true\">Hosted by VISI.com</a> -<br>

- <a href=\"http://www.ozones.com/\"
target=\"_top\"> HOME </a> -<br>



</font></B><br></center>
</center>
</div>

<div ID=\"button1\"><img alt=\"\" src=\"images/buttons/who1.gif\" border=0
  height=18 width=104></div>
<div ID=\"button2\"><img alt=\"\" src=\"images/buttons/what1.gif\" border=0
  height=18 width=104></div>
<div ID=\"button3\"><img alt=\"\" src=\"images/buttons/work1.gif\" border=0
  height=18 width=104></div>
<div ID=\"button4\"><img alt=\"\" src=\"images/buttons/play1.gif\" border=0
  height=18 width=104></div>
<div ID=\"button5\"><img alt=\"\" src=\"images/buttons/OZimages1.gif\" border=0
  height=18 width=104></div>
<div ID=\"button6\"><img alt=\"\" src=\"images/buttons/interfaces1.gif\" border=0
  height=18 width=104></div>
<div ID=\"buttonhide\"><nobr><a
href=\"java script:dropdown(0)\"
onMouseover=\"glowbug(0);return true\"><img alt=\"\" src=\"images/blank.gif\" border=0
  height=36 width=104></a><a
href=\"java script:dropdown(1)\"
onMouseover=\"glowbug(1);return true\"><img alt=\"\" src=\"images/blank.gif\" border=0
  height=36 width=104></a><a
href=\"java script:dropdown(2)\"
onMouseover=\"glowbug(2);return true\"><img alt=\"\" src=\"images/blank.gif\" border=0
  height=36 width=104></a><a
href=\"java script:dropdown(3)\"
onMouseover=\"glowbug(3);return true\"><img alt=\"\" src=\"images/blank.gif\" border=0
  height=36 width=104></a><a
href=\"java script:dropdown(4)\"
onMouseover=\"glowbug(4);return true\"><img alt=\"\" src=\"images/blank.gif\" border=0
  height=36 width=104></a><a
  href=\"java script:dropdown(5)\"
onMouseover=\"glowbug(5);return true\"><img alt=\"\" src=\"images/blank.gif\" border=0
  height=36 width=104></a></nobr></div>
<div align=right ID=\"block1\"><a
href=\"../spheredex.html\" target=\"_top\"
onMouseover=\"window.status=\'the SPHERDEX\';
return true\"><img src=\"images/box1.jpeg\" border=0
  height=35 width=206 alt=\"the SPHERDEX\"></a></div>
<div align=right ID=\"block2\"><a
href=\"../intotrek.html\" target=\"_top\"
onMouseover=\"window.status=\'I HAVE BANDWIDTH TO BURN! (Let\\\'s visit the TREKKER)\';
return true\"><img src=\"images/box2.jpeg\" border=0
  height=27 width=215 alt=\"the BLUEPRINT\"></a></div>
<div align=right ID=\"block3\"><a
href=\"../eyedropdex33.html\" target=\"_top\"
onMouseover=\"window.status=\'the EYEDROP\';
return true\"><img src=\"images/box5.jpeg\" border=0
  height=20 width=187 alt=\"the EYEDROP\"></a></div>
<div align=right ID=\"block4\"><a
href=\"../perspective.html\" target=\"_top\"
onMouseover=\"window.status=\'the PERSPECTIVE\';
return true\"><img src=\"images/box3.jpeg\" border=0
  height=19 width=175 alt=\"the PERSPECTIVE\"></a></div>
<div align=right ID=\"block5\"><a
href=\"../quickcam/\" target=\"_top\"
onMouseover=\"window.status=\'OZONEcam!!! Live pix of the Doc at work.\';
return true\"><img src=\"images/box4.jpeg\" border=0
  height=14 width=172 alt=\"OZONEcam!!! Live pix of the Doc at work.\"></a></div>
<div align=right ID=\"block6\"><a
href=\"../questions.html\" target=\"_blank\"
onMouseover=\"window.status=\'the QUESTIONS\';
return true\"><img src=\"images/box6.jpeg\" border=0
  height=12 width=115 alt=\"the QUESTIONS\"></a></div>
<div ID=\"glow\"><img alt=\"\" src=\"images/glow.gif\" border=0
  height=16 width=104></div>
<div ID=\"glow2\"><img alt=\"\" src=\"images/glow.gif\" border=0
  height=16 width=104></div>
<div ID=\"ozone\"><a
href=\"../blueprint.html\" target=\"_top\"
onMouseover=\"window.status=\'the BLUEPRINT\';
return true\"><img src=\"images/ozone1.jpeg\" border=0
  height=84 width=337
  alt=\"I HAVE BANDWIDTH TO BURN! (Let\'s visit the TREKKER)\"></a></div>
 
 
 
<div ID=\"button1drop\"><img alt=\"\"
src=\"images/dropdowns/whoisozone1.gif\" border=0
  height=283 width=254><br><a
href=\"../whoami/\" target=\"_top\"
onMouseover=\"window.status=\'Make OZONE smoke and drink!\';
return true\"><img
src=\"images/dropdowns/whoisozone2.gif\" border=0
  height=18 width=254
  alt=\"Make OZONE smoke and drink!\"></a><br><a
href=\"../cv/\" target=\"_top\"
onMouseover=\"window.status=\'Learn dry, boring, technical details about OZONE and his work.\';
return true\"><img
src=\"images/dropdowns/whoisozone3.gif\" border=0
  height=24 width=254
  alt=\"Learn dry, boring, technical details about OZONE and his work.\"></a><br></div>
<div ID=\"button2drop\"><a
href=\"java script:clickwho()\"
onMouseover=\"window.status=\'Learn more about OZONE\';
return true\"><img
src=\"images/dropdowns/whatisozone.gif\" border=0
  height=325 width=254
  alt=\"Learn more about OZONE\"></a></div>
<div ID=\"button3drop\"><a
href=\"java script:launchnow(\'work.html\')\"
onMouseover=\"window.status=\'Pointers to all of OZONE\\\'s online commercial works.\';
return true\"><img
src=\"images/dropdowns/ozoneswork.gif\" border=0
  height=325 width=254
  alt=\"Pointers to all of OZONE\'s online commercial works.\"></a></div>
<div ID=\"button4drop\"><a
href=\"java script:launchnow(\'play.html\')\"
onMouseover=\"window.status=\'Pointers to all of OZONE\\\'s play sites.\';
return true\"><img
src=\"images/dropdowns/play.gif\" border=0
  height=325 width=254
  alt=\"Pointers to all of OZONE\'s play sites.\"></a></div>
<div ID=\"button5drop\"><a
href=\"../imagesindex.html\" target=\"_top\"
onMouseover=\"window.status=\'the OZONE Images Index\';
return true\"><img
src=\"images/dropdowns/images1.gif\" border=0
  height=132 width=254
  alt=\"the OZONE Images Index\"></a><br><a
href=\"java script:launchnow(\'images.html\')\"
onMouseover=\"window.status=\'ALL of the Archives.\';
return true\"><img
src=\"images/dropdowns/images2.gif\" border=0
  height=48 width=254
  alt=\"ALL of the Archives.\"></a><br><a
href=\"../imagesindex.html\" target=\"_top\"
onMouseover=\"window.status=\'the OZONE Images Index\';
return true\"><img
src=\"images/dropdowns/images3.gif\" border=0
  height=30 width=254
  alt=\"the OZONE Images Index.\"></a><br><a
href=\"../backgrounds/\" target=\"_top\"
onMouseover=\"window.status=\'Downloadable web backgrounds.\';
return true\"><img
src=\"images/dropdowns/images4.gif\" border=0
  height=19 width=254
  alt=\"Downloadable web backgrounds.\"></a><br><a
href=\"../FTP/\" target=\"_top\"
onMouseover=\"window.status=\'the FTP site.\';
return true\"><img
src=\"images/dropdowns/images5.gif\" border=0
  height=21 width=254
  alt=\"the FTP site.\"></a><br><a
href=\"http://www.handson.nu/\" target=\"_top\"
onMouseover=\"window.status=\'the HANDS-ON Tutorial site.\';
return true\"><img
src=\"images/dropdowns/images6.gif\" border=0
  height=75 width=254
  alt=\"the HANDS-ON Tutorial site.\"></a></div>
<div ID=\"button6drop\"><a
href=\"java script:launchnow(\'interfaces.html\')\"
onMouseover=\"window.status=\'ALL of the Interfaces.\';
return true\"><img
src=\"images/dropdowns/interfaces1.gif\" border=0
  height=166 width=254
  alt=\"ALL of the Interfaces.\"></a><br>
 
  <img
src=\"images/dropdowns/interfaces2.gif\" border=0
  height=80 width=254
  alt=\"\"><br>
 
  <a
href=\"../dhtml/circling/circling1.html\" target=\"_blank\"
onMouseover=\"window.status=\'The Circling Jewels template.\';
return true\"><img
src=\"images/dropdowns/interfaces3.gif\" border=0
  height=18 width=254
  alt=\"The Circling Jewels template.\"></a><br>
 
  <a
href=\"../dhtml/circling/circling2.html\" target=\"_blank\"
onMouseover=\"window.status=\'The other Circling Jewels template.\';
return true\"><img
src=\"images/dropdowns/interfaces4.gif\" border=0
  height=18 width=254
  alt=\"The other Circling Jewels template.\"></a><br>
 
  <a
href=\"../dhtml/circling/circling3.html\" target=\"_blank\"
onMouseover=\"window.status=\'Circling Jewels template, faster code!\';
return true\"><img
src=\"images/dropdowns/interfaces5.gif\" border=0
  height=18 width=254
  alt=\"Circling Jewels template, faster code!.\"></a><br>
 
  <a
href=\"../intotrek.html\" target=\"_top\"
onMouseover=\"window.status=\'Visit the TREKKER.\';
return true\"><img
src=\"images/dropdowns/interfaces6.gif\" border=0
  height=25 width=254
  alt=\"Visit the TREKKER.\"></a><br></div>
 
 
<div ID=\"dropdownBKG\"><img alt=\"\" src=\"images/dropdownBKG66.jpeg\" border=0
  height=325 width=254></div>
</body>
</html>

Det gjorde jeg også... Men jeg ville da mene at det kenne gøres mere enkelt, eller er det bare mig?

ønsker du bare en hoover funktion?

Nej, han ønsker vel en løsning, der gør nogenlunde det samme i menubaren. Sådan én ligger åbenbart bare ikke frit tilgængelig på WWW og ingen har haft tid og lyst til at skrive en til ham. Det, du har pasted ind ovenfor, er hele koden til forsiden.
/Vh

når jeg ikke for noget ordenligt svar må jeg jo selv svare.