11. december 2007 - 10:09Der er
6 kommentarer og 1 løsning
Dropdown onmouseover
Heya,
er igang med et projekt hvor jeg får brug for en meget simpel dropdown topmenu:
1. Hovedpunkterne skal være grafikker og udskiftes med et andet billede onmouseover samtidig med at undermenuen vises nedenunder. Den "aktive" hovedpunkt grafik skal fortsætte med at være aktiv mens man browser gennem submenuen - så snart man flytter musen væk fra sub- eller hovedmenu, så nulstilles grafikken igen.
2. Submenuen skal bare være en div som skal kunne placeres nedenunder hovedpunktet som jeg så selv kan definere med 80% transparency osv.
I bund og grund vel en almindelig show/hide, men med den forskel at det aktive hovedmenupunkt (som er grafik)...skal forblive aktivt indtil man flytter musen væk.
Menuen skulle helst ikke have nogen delays men virke smooth og hurtig hvis det kan lade sig gøre. Nogen der kan hjælpe? :)
<div id="menu1" style="position:absolute;display:none">Menu1<br> Menu2</div> ---------------------------------------------------------- Det er dog helt utestet, så nu håber jeg, der ikke er nogle fejl i. Ellers har jeg en fuldt fungerende kode derhjemme, men jeg er lige på job pt.
Koden virker umiddelbart, men tager desværre ikke højde for når man bevæger musen fra billedet og ned på menu1....lige nu forsvinder menu1 og billedet går tilbage til noget1.gif desværre. :(
Her er min originale kode: ---------------------------------------------- <html> <head> <script type="text/javascript"> var menunormalcolor=""; var menuhovercolor="#c0c0c0";
function ShowSubmenu(elm,submenu){ elm.style.backgroundColor=menuhovercolor; if(submenu=document.getElementById(submenu)){ submenu.style.top=elm.offsetTop+elm.offsetHeight; submenu.style.left=elm.offsetLeft; submenu.style.display="inline"; } } function HideSubmenu(elm,submenu){ elm.style.backgroundColor=menunormalcolor; if(submenu=document.getElementById(submenu)) submenu.style.display="none"; } </script> </head> <body>
Nå jeg fandt en anden løsning andetsteds. Ellers tak for forsøget :)
Synes godt om
Ny brugerNybegynder
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.