[JS / CSS] Div laten "groeien"?

[Verwijderd]

Ik heb beloofd een nieuwe website te maken voor mijn voetbalvereniging. Hiervoor wil ik een plaatje in de linkerbovenhoek positioneren. Als de gebruiker daar met z'n muis overheen gaat, verschijnt er een div met html links. Als de pagina naar boven- of beneden gescrold wordt, blijft het menuutje links bovenaan staan. door ergens op het blauwe vlak te klikken, verdwijnt het menuutje en verschijnt het (gele) plaatje weer:



Ik heb op internet gezocht naar manieren om een plaatje linksboven te positioneren. Ik heb het volgende gevonden:

Cascading Stylesheet:

div#plaatje { position: absolute; left: 5px; top: 5px; width: 25px; height: 25px;}
body > div#plaatje { position: fixed; }

Ik weet alleen niet hoe ik nu het menuutje moet laten verschijnen. Moet ik #plaatje dynamisch vergroten (van een height van 25px naar bv een height van 200px, etc) voor ik de menu-links erin kan laden? Of past de div zichzelf aan? Of moet ik een hele nieuwe div maken voor het menuutje (bv. #menu), en op een mouseover event #plaatje op display: none; zetten en #menu op display: visible? Wat is de meest gangbare manier?

[simon]

position: absolute; naar relative veranderen?

verkeerd gelezen

[ Voor 22% gewijzigd door simon op 20-02-2007 16:48 ]

[BtM909]

Klinkt alsof je javascript wilt gebruiken waarbij je onmouseover en onclick bepaalde handelingen wilt uitvoeren (div laten verschijnen en weer verdwijnen)

[Verwijderd]

Het groeien van een div kun je het beste dynamisch mbv javascript doen.
Ik raad je aan om een effects-library te nemen die evt. browser issues voor je regelt (Firefox/IE/Opera).
Die libraries hebben vaak naast "groei" effecten ook mooie slide-in en fade-in effecten.

Ik zou voor jey klik-divje en het menu-divje aparte div's maken, die je al dan niet laat zien

Succes!

[Verwijderd]

http://mootools.net/