Toon posts:

[Javascript] Pull-down Menu

Pagina: 1

Acties:

42 views sinds 30-01-2008

donderdag 7 februari 2002 13:19

Acties:

Verwijderd

Topicstarter

OK, ik weet dat er veel vragen over zijn, en ik zal vast wel niet de eerste zijn met deze vraag.

Maar omdat ik in de search en op Googel alleen Combo-boxen of list-boxen tegenkom vraag ik het maar even:

Hoe maak je een menu, dat uitschuift als je erop klikt, en weg gaat zodra je met je muis van het menu afrolt.

/me vindt het toch wel erg mooi hoe die menu'tjes op HTTP://WWW.TWEAKERS.NET zijn gerendert.

donderdag 7 februari 2002 13:21

Acties:

Dennis

Hier zijn idd veel vragen al over geweest ja.
Dat heb je goed gezien

donderdag 7 februari 2002 13:22

Acties:

Bosmonster

*zucht*

Vaag joh.. welke versie van Google gebruik je?

http://www.google.com/search?hl=en&q=Pull-down+Menu&btnG=Google+Search

(en dan zoek ik nog letterlijk op je topic-titel)

donderdag 7 februari 2002 13:24

Acties:

Verwijderd

Topicstarter

Op donderdag 07 februari 2002 13:22 schreef Bosmonster het volgende:
Vaag joh.. welke versie van Google gebruik je?

http://www.google.com/search?hl=en&q=Pull-down+Menu&btnG=Google+Search

Dan zoek ik op: Javascript Pull-Down menu

donderdag 7 februari 2002 15:04

Acties:

Verwijderd

Topicstarter

Ik heb het volgende gevonden:

code:

<html>
<head>
    <title>Pull Down Menus</title>
    <script type="text/javascript" language=javascript>
        <!-- Hide from older browsers

        function toggleMenu(currElem,nextPos) {
            menuObj = (document.all) ? eval("document.all." + currElem + ".style") : eval("document." + currElem)
            if (toggleMenu.arguments.length == 1)
                nextPos = (parseInt(menuObj.top) == -5) ? -90 : -5
            if (document.all)
                menuObj.pixelTop = nextPos
            else
                menuObj.top = nextPos
        }

        // End hiding -->
    </script>
    <style type="text/css">
        <!--
        
        .menu {position:absolute; font:12px helvetica; background-color:#CCCCCC; layer-background-color:#CCCCCC}
        #fileMenu {left:10px; width:70px; top:-90px}
        #searchMenu {left:85px; width:100px; top:-90px}
        A {text-decoration:none; color:#000000}
        A:hover {background-color:#000099; color:#FFFFFF}
        
        -->
    </style>    
</head>
<body bgcolor=white>
<div id="searchMenu" class=menu onClick="toggleMenu('searchMenu',-5)" onMouseout="toggleMenu('searchMenu',-90)"><br>
    <a href="http://www.ask.com">Ask Jeeves</a><br>
    <a href="http://www.google.com">Google</a><br>
    <a href="http://www.alltheweb.com">All The Web</a><br>
    <a href="http://www.av.com">AltaVista</a><br>
    <a href="http://www.dmoz.com">Open Directory</a><hr>
    <a href="javascript:toggleMenu('searchMenu')">Search</a>
</div>
</body>
</html>

Maar dan werkt ie gelijk als je je muis erover heen beweegt.
Als ik onmouseover verander in onClick dan werkt'ie niet meer.

donderdag 7 februari 2002 15:11

Acties:

McVirusS

*hele diepe zucht*
www.hotscripts.com
www.dynamicdrive.com
www.google.com

Pagina: 1

Dit topic is gesloten.