Avatar billede japp Nybegynder
11. marts 2002 - 09:31 Der er 3 kommentarer og
1 løsning

Venstre Tekstmenu med DropDown

Jeg er ved at lave en Hp hvor der skal være en tekst menu i venstre side, meningen er så at når man klikker på en af linksne i menuen skal der falde et par tekst-punkter ned nedenunder. Noget i stil med stifinder bare ikke så avanceret i udseendet. Skal kun være tekst ikke mapper og pludser.. Håber nogen ligger inde med et simpelt script..
Avatar billede cdc Novice
11. marts 2002 - 09:47 #1
Her er et fra et tidligere spm. nok fra repsac......

/cdc

<html>
<head>
<style>
A:link    {text-decoration: none; color: #FFFFBB}
A:visited {text-decoration: none; color: #FFFFBB}
A:active  {text-decoration: none; color: #FFFFBB}
A:hover  {text-decoration: none; color: #FFFFBB}
</style>
</head>
<body alink="FFFFBB" vlink="FFFFBB" link="FFFFBB" bgcolor="000000">

<font style="font-size: .14 in;">&nbsp;<font face="Arial" color="FFFFBB"><img width="1" height="1" src="gennemsigtig.gif"><a href="">Menupunkt_1</a>
<div style="cursor: hand" onClick='if(menupunkt_2.style.display=="")
    { m_2.src="gennemsigtig.gif";menupunkt_2.style.display="none" }
    else
    { m_2.src="gennemsigtig.gif";menupunkt_2.style.display="";}'>
    <img id="m_2" width="4" src="gennemsigtig.gif"><font face="Arial" color="FFFFBB">Menupunkt_2</div>
<div id="menupunkt_2" style="display:None"><font style="font-size: .12 in;">
        &nbsp;&nbsp;&nbsp;<a href="">Undermenu_2.1</a>
    <br>&nbsp;&nbsp;&nbsp;<a href="">Undermenu_2.2</a>
    <br>&nbsp;&nbsp;&nbsp;<a href="">Undermenu_2.3</a>
    <br>&nbsp;&nbsp;&nbsp;<a href="">Undermenu_2.4</a>
    <br>&nbsp;&nbsp;&nbsp;<a href="">Undermenu_2.5</a>
    </div></font>

<div style="cursor: hand" onClick='if(menupunkt_3.style.display=="")
    { m_3.src="gennemsigtig.gif";menupunkt_3.style.display="none" }
    else
    { m_3.src="gennemsigtig.gif";menupunkt_3.style.display="";}'>
    <img id="m_3" width="4" src="gennemsigtig.gif"><font face="Arial" color="FFFFBB">Menupunkt_3</div>
<div id="menupunkt_3" style="display:None"><font style="font-size: .12 in;">
        &nbsp;&nbsp;&nbsp;<a href="">Undermenu_3.1</a>
    <br>&nbsp;&nbsp;&nbsp;<a href="">Undermenu_3.2</a>
    </div></font>

&nbsp;<a href="">Menupunkt_4</a>

<div style="cursor: hand" onClick='if(menupunkt_5.style.display=="")
    { m_5.src="gennemsigtig.gif";menupunkt_5.style.display="none" }
    else
    { m_5.src="gennemsigtig.gif";menupunkt_5.style.display="";}'>
    <img id="m_5" width="4" src="gennemsigtig.gif"><font face="Arial" color="FFFFBB">Menupunkt_5</div>
<div id="menupunkt_5" style="display:None"><font style="font-size: .12 in;">
   
        <div style="cursor: hand" onClick='if(menupunkt_51.style.display=="")
        { m_51.src="gennemsigtig.gif";menupunkt_51.style.display="none" }
        else
        { m_51.src="gennemsigtig.gif";menupunkt_51.style.display="";}'>
        <img id="m_51" width="4" src="gennemsigtig.gif"><font face="Arial" color="FFFFBB">&nbsp;&nbsp;Undermenupunkt_5.1</div>
        <div id="menupunkt_51" style="display:None"><font style="font-size: .12 in;">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Undermenu_5.1.1</a>
        <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">Undermenu_5.1.1</a>
        </div></font>
        &nbsp;&nbsp;&nbsp;<a href="">Undermenu_5.2</a>
    <br>&nbsp;&nbsp;&nbsp;<a href="">Undermenu_5.3</a>
    <br>&nbsp;&nbsp;&nbsp;<a href="">Undermenu_5.4</a>
    </div></font>

    &nbsp;<a href="">Menupunkt_6</a>
<br>&nbsp;<a href="">Menupunkt_7</a>
<br>&nbsp;<a href="">Menupunkt_8</a>
<br>&nbsp;<a href="">Menupunkt_9</a>
</body>
</html>
Avatar billede ras2000 Nybegynder
11. marts 2002 - 16:58 #2
Prøv at se denne her, den er ret enkel.
http://www.mur-tag.dk/muc/videndatabase,u.asp
Der er dog mapper med, dem kan du vel slette igen.
Avatar billede cdc Novice
11. marts 2002 - 18:19 #3
tak for points...  :o)
Avatar billede japp Nybegynder
11. marts 2002 - 20:10 #4
Selv tak for scriptet!
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