Avatar billede swasper Nybegynder
16. maj 2001 - 19:11 Der er 3 kommentarer og
1 løsning

show/hide undermenu

Hejsa

Jeg har en menu der har omkring 11 \"hovedknapper\" det er meningen at når man fører musen hen ove en af disse så skal der komme et lag frem med en undermenu.

Når man fører musen væk fra fra hovedknappen skal laget gemmes væk (hide) og hvis man fører musen hen over en anden hovedknap skal den under menu der er åbnet gemmes og så skal undermenuen, altså laget til den pågældende \"hovedknap\" åbnes.

Er der nogen der har en god ide til hvordan man laver dette ?

Det skal bare virke i Internet Explorer, gerne version 4, men dette er dog ikke noget krav.
Avatar billede crunch Nybegynder
16. maj 2001 - 20:35 #1
prøv at \"kigge\" lidt på tv2´s menu. den er ret sej og kan det som du beskriver, tror jeg....


<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<!-- 2001-05-16 20:30:01 -->
<head>
<title>TV 2</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=ISO-8859-1\">
<style type=\"text/css\">
a:link,a:active,a:visited{color:#333333}
a.overs1:link,a.overs2:link,a.overs3:link,a.overs4:link,a.overs5:link,a.overs6:link,a.overs7:link,a.overs:link,
a.overs1:active,a.overs2:active,a.overs3:active,a.overs4:active,a.overs5:active,a.overs6:active,a.overs7:active,a.overs:active,
a.overs1:visited,a.overs2:visited,a.overs3:visited,a.overs4:visited,a.overs5:visited,a.overs6:visited,a.overs7:visited,a.overs:visited{text-decoration:none;color:#999999}
a.overs1:hover{background:#990000;color:white}
a.overs2:hover{background:#CC6600;color:white}
a.overs3:hover{background:#CC9900;color:white}
a.overs4:hover{background:#66AA66;color:white}
a.overs5:hover{background:#009966;color:white}
a.overs6:hover{background:#336699;color:white}
a.overs7:hover{background:#003399;color:white}

a.overs:hover{background:#999999;color:white}
</style>
<link rel=stylesheet title=std href=\"http://inc.tv2.dk/style/tv2style.css\" type=\"text/css\">
<style type=\"text/css\">
body,td.bund,td.bund-side,td.bund-linie-side,td.bund-linie{background:#666666}
td{font-family:verdana;font-size:10px;vertical-align:top;color:#333333}

.marg1,.topfelt1{padding:0px 7px}
.marg,.topfelt{padding:0px 9px}
.topfelt1,.topfelt{height:120px;text-align:center}
.marg1234{padding:0px 9px 0px 7px}
.topspalte,.topspalte1,.spalte23{background:white}
.spalte1,.spalte4,.spalte1234,.bannerspalte,td.banner-bg{background:white}

.box{background:#cccccc}

.felthead{font-family:arial;font-size:18px;color:#999999}
.firstletter{background:#990000;color:white}

.hand{cursor:pointer}
img.topimg{border-style:solid;border-color:black;border-width:2px}
img.annimg{border-style:solid;border-color:black;border-width:1px}

.overskrift{font-size:1.2em;font-weight:bold}
td.annlink{font-size:12px;background:#cccccc}

a.noline-dark:link,a.noline-dark:active,a.noline-dark:visited,a.noline-dark:hover{color:#333333;text-decoration:none}
a:hover,a.red:hover,a.noline-red:hover{color:#999999}
td.light,.light{color:#999999}
.boxlight{color:#666666}
form{margin:0}

input.ttv{height:18px;font-size:10px;font-family:verdana;width:30px}
select.tv{font-family:arial,helvetica;font-size:10px;width:61px}
</style>
<script type=\"text/javascript\" src=\"http://inc.tv2.dk/top/menu.js\" language=\"JavaScript\"></script>
<script type=\"text/javascript\" language=\"JavaScript\">
bannerpulje=\"forsiden\"
bannerantal=1
bannernoflick=1
bundoff=1
pingboxPad=14

feltborder=(NS4)?\"border=2\":\"class=topimg\"
annborder=(NS4)?\"border=1\":\"class=annimg\"
</script>
</head>
<body marginwidth=0 marginheight=0>
<script type=\"text/javascript\" src=\"http://inc.tv2.dk/top/top.js\"></script>
<script type=\"text/javascript\">document.write(html);document.close()</script>
<div align=center>
  <table width=580 border=0 cellpadding=0 cellspacing=0>
    <tr>
      <td class=topspalte1>
        <div class=topfelt1><img src=\"resource/dummy.gif\" width=128 height=10 alt=\"\">
          <div class=box><br>
            <br>
            <br>
          </div>
        </div>
      </td>
      <td class=topspalte>
        <div class=topfelt><img src=\"resource/dummy.gif\" width=128 height=10 alt=\"\">
          <div class=box><br>
            <br>
            <br>
          </div>
        </div>
      </td>
      <td class=topspalte>
        <div class=topfelt><img src=\"resource/dummy.gif\" width=128 height=10 alt=\"\">
          <div class=box><br>
            <br>
          </div>
        </div>
      </td>
      <td class=topspalte>
        <div class=topfelt><img src=\"resource/dummy.gif\" width=128 height=10 alt=\"\">
          <div class=box><br>
            <br>
            <br>
          </div>
        </div>
      </td>
    </tr>
  </table>
 
</div>
</body>
</html>
Avatar billede ricky1 Nybegynder
17. maj 2001 - 14:26 #2
Prøv
http://www.allstuff.dk
og vælg Java og så gå ind i menuer og knapper
og derefter Illustrated
Avatar billede dognose Nybegynder
30. maj 2001 - 23:25 #3
http://wsabstract.com/cutpastejava.shtml
kan være du kan finde koden der inde
Avatar billede swasper Nybegynder
30. maj 2001 - 23:50 #4
Det er lige meget, har selv løst det :-)

Resultatet kan ses på www.zektor3.dk/skole :-)
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