layers

<SCRIPT>

  function ishow(obj)
  {
      obj.style.filter=\"blendTrans()\"
      obj.filters.blendTrans.apply()
      obj.style.visibility=\"visible\"
      obj.filters(0).play(0.350)
  }
  function ihide(obj)
  {
      obj.style.filter=\"blendTrans()\"
      obj.filters.blendTrans.apply()
      obj.style.visibility=\"hidden\"
      obj.filters(0).play(0.450)
  }

</SCRIPT>

<DIV ID=\"userinfo\" STYLE=\"visibility:hidden; top:67.8%; left:60.8%; width:33%; height:22.2%; z-index:2\">
<IFRAME name=userbox SCROLLING=NO
SRC=\"user.asp\" FRAMEBORDER=0></IFRAME>
</DIV>
A STYLE=\"cursor:hand; width:20%\" onMouseOver=\"this.style.color=\'red\';ishow(userinfo)\" onMouseOut=\"this.style.color=\'black\';ihide(userinfo)\"> INFO </A>

dette ikke kun skjuler og viser objectet, men giver den samtidig en fadein/out-effekt

Der mangler lige en \"<\" foran A

du kalder simpelthen bare funtionen med
onMouseOver=\"ishow(dit div objectnavn)\"
onMouseOut=\"ihide(dit div objectnavn)\"

Jeg ved egentlig ikke om det virker i Netscape...hvis det ikke gør er du nok nødt til at fjerne alle linier omkring \'filter\' i funtionerne. Men så mister du fade effekten, som jo også mest er pop :)
 
<SCRIPT>

  function ishow(obj)
  { obj.style.visibility=\"visible\" }

  function ihide(obj)
  { obj.style.visibility=\"hidden\" }

</SCRIPT>

euroman28>> Det vil da mig bekendt kun virke i IE da du bruger filters.

damn..hvor er jeg hurtig idag :)

Og for så lige at få det hele samlet:

<HTML><HEAD>
<SCRIPT TYPE=\"text/javascript\">
function vis(n) {
if (document.layers) document.layers[n].visibility = \"show\";
else if (document.all) document.all[n].style.visibility =\"visible\";
else document.getElementById(n).style.visibility = \"visible\";
}

function gem(n){
if (document.layers) document.layers[n].visibility = \"hide\";
else if (document.all) document.all[n].style.visibility = \"hidden\";
else document.getElementById(n).style.visibility = \"hidden\";
}
</SCRIPT>
</HEAD><BODY>
<div id=\"lag1\" style=\"position:absolute;left:7;top:12;background-color:blue;z-index:1;visibility:hidden;\">
&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<a href=\"#\" onmouseover=\"vis(\'lag1\')\" onmouseout=\"gem(\'lag1\')\">
<img src=\"ting.gif\" width=\"10\" height=\"10\" alt=\"ting\" style=\"z-index:2;\"></a><BR><BR>

<div id=\"lag2\" style=\"position:absolute;left:7;top:42;background-color:blue;z-index:1;visibility:hidden;\">
&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<a href=\"#\" onmouseover=\"vis(\'lag2\')\" onmouseout=\"gem(\'lag2\')\">
<img src=\"ting.gif\" width=\"10\" height=\"10\" alt=\"ting\"></a><BR><BR>


<div id=\"lag3\" style=\"position:absolute;left:7;top:77;background-color:blue;z-index:1;visibility:hidden;\">
&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<a href=\"#\" onmouseover=\"vis(\'lag3\')\" onmouseout=\"gem(\'lag3\')\">
<img src=\"ting.gif\" width=\"10\" height=\"10\" alt=\"ting\"></a><BR><BR>



</BODY>
</HTML>

ja det gjorde det straks meget overskueligt...haha

Virker fint... men, jeg vil gerne have at menu fortsat er synlig, når musen bevæger sig ind i den :>

Det er meningen at det skal blive til et menusystem, i topen af vinduet, ligesom på www.microsoft.com

Det kræver en hel del mere en vis/skjul layer for at lave en sådan menu.. Prøv at kigge på en af de mange tilsvarende der er:

http://www.dynamicdrive.com/dynamicindex1/index.html

Især http://www.dynamicdrive.com/dynamicindex1/topmen3/index.htm er interresant da den virker i næsten samtlige browsere på markedet.

tak, tak, tak...

Det var lige præcis det jeg skulle bruge!!!