Avatar billede rebsdorf Nybegynder
08. april 2001 - 23:15 Der er 7 kommentarer og
1 løsning

Få dropdown menu til at forsvinde

Hej!

Er der nogen som hurtigt kan forklare, hvordan man laver den effekt der er på:

http://support.microsoft.com/directory/

Når man er hover \"Startsiden\" forsvinder dropdownboksen. Hvordan får man den til det.

Håber på hurtigt svar.

Med venlig hilsen

Mads Rebsdorf
Avatar billede magnus_tagmus Nybegynder
08. april 2001 - 23:17 #1
ja da

se på min side, der har jeg det samme, find i html koden

hidelayer mouse off el. ligne, studer koden og du finder det :)

www.whitehat.dk/allcelebz
Avatar billede minijensen1 Nybegynder
08. april 2001 - 23:17 #2
dropdown.style.visibility = \"hidden\"

vises igen:
dropdown.style.visibility = \"show\"

Avatar billede rebsdorf Nybegynder
08. april 2001 - 23:27 #3
Hvis du ville uddybe det lidt mere ville jeg blive ret glad... :)
Avatar billede engrob Nybegynder
08. april 2001 - 23:47 #4
Prøv at tage et kig på det her. Det er vist nok taget fra webreference.com

<HTML>
<HEAD>
<STYLE>
.javascript { color: white; background-color: orange; }
.php { color: white; background-color: darkblue; }
.python { color: white; background-color: lightblue; }
#layer1 {
  position: absolute;
  z-index: 10;
  left: 50px;
  visibility: hidden;
}
#layer2 {
  position: absolute;
  z-index: 5;
  left: 0px;
}
</STYLE>
<SCRIPT>
function showLayer (id) {
  if (document.layers)
    document[id].visibility = \'show\';
  else if (document.all)
    document.all[id].style.visibility = \'visible\';
  else if (document.getElementById)
    document.getElementById(id).style.visibility = \'visible\';
}
function hideLayer (id) {
  if (document.layers)
    document[id].visibility = \'hide\';
  else if (document.all)
    document.all[id].style.visibility = \'hidden\';
  else if (document.getElementById)
    document.getElementById(id).style.visibility = \'hidden\';
}
function clipSelect () {
  if (document.layers) {
    document.layer2.oldClipWidth = document.layer2.document.width;
    document.layer2.clip.width = 50;
  }
  else if (document.all)
    document.all.layer2.style.clip = \'rect(auto 50px auto auto)\';
}
function unclipSelect () {
  if (document.layers)
    document.layer2.clip.width = document.layer2.oldClipWidth;
  else if (document.all)
    document.all.layer2.style.clip = \'rect(auto auto auto auto)\';
}
function init () {
  if (document.layers)
    document.layer1.onmouseout = function () {
      hideLayer(this.id);
      unclipSelect();
    };
}
</SCRIPT>
</HEAD>
<BODY ONLOAD=\"init()\">
<A HREF=\"java script: void 0\"
  ONMOUSEOVER=\"showLayer(\'layer1\'); clipSelect();\">
Knowledge Bases
</A>
<BR>
<DIV ID=\"layer1\"
    ONMOUSEOUT=\"if (document.all) {
                  if (!this.contains(event.toElement)) {
                    hideLayer(this.id);
                    unclipSelect();
                  }
                }
                else if (document.getElementById) {
                  window.tid = setTimeout(\'hideLayer(\\\'\' + this.id
+ \'\\\')\', 20);
                }\"
    ONMOUSEOVER=\"if (document.getElementById)
                  clearTimeout(window.tid);\"
>
<TABLE BORDER=\"0\">
<TR>
<TD CLASS=\"javascript\">
<A HREF=\"http://JavaScript.FAQTs.com\" CLASS=\"javascript\">
JavaScript.FAQTs.com
</A>
</TD>
</TR>
<TR>
<TD CLASS=\"php\">
<A HREF=\"http://php.FAQTs.com\" CLASS=\"php\">
php.FAQTs.com
</A>
</TD>
</TR>
<TR>
<TD CLASS=\"python\">
<A HREF=\"http://python.FAQTs.com\" CLASS=\"python\">
python.FAQTs.com
</A>
</TD>
</TR>
</TABLE>
</DIV>
<DIV ID=\"layer2\">
<FORM NAME=\"formName\">
<SELECT NAME=\"aSelect\" WIDTH=\"150\" STYLE=\"width: 150px;\">
<OPTION>Kibo
<OPTION>Kibology
<OPTION>Xibology
</SELECT>
</FORM>
</DIV>
</BODY>
</HTML>
Avatar billede engrob Nybegynder
08. april 2001 - 23:49 #5
I interne explorer vil den \"klippe\" dropdown-boksen, og i netscape forsvinder den helt.
Avatar billede rebsdorf Nybegynder
08. april 2001 - 23:52 #6
ikke dårligt... checker det lige ud...
Avatar billede rebsdorf Nybegynder
09. juni 2001 - 03:29 #7
ewre
Avatar billede engrob Nybegynder
09. juni 2001 - 13:55 #8
What?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester