Potrzebuje do swojej aplikacji dodać najprostsze rozwijane menu...
Potrzebuje, żeby menu pokazywalo sie po najechaniu na jakiś obiekt i chowalo sie po zjechaniu...

Wszystkie te skrypty są bardzo duże... po kilknanaście KB... zalezy mi, żeby ten skrypt był jak najmiejszy...

W jaki sposób można przygotować coś takiego?

Prosze o pomoc...

[HTML] pobierz, plaintext 
<ul id="menu">
	<li>test
	<ul>
		<li>test2</li>		
		<li>test3</li>
		<li>test4</li>
	</ul>	
	</li>
</ul>
 
#menu ul { display: none; }
#menu li:hover ul { display: block; }
[HTML] pobierz, plaintext 

Plus bonus dla IE6: http://www.xs4all.nl/~peterned/csshover.html

pod IE widze, że trzeba troche bardziej pokombinowac... Dzieki za odpowiedź...

wszystko jest elegancko, tylko, że jezeli dobrze zrozumiałem, to do strony trzeba dołączać plik o wielkości 5 KB.. czyli tyle ile ma przeciętny skrypt...

Może jakiś inny pomysł?

1. Tylko pod IE.
2. IE cachuje sobie ten plik tak wiec sciaga sie tylko za pierwszym odpaleniem strony.

Ja uzywam tego rozwiazania tu: www.thedegreecenter.com i dziala pieknie

Jednak wolę czysty CSS od JavaScriptu. Ten plik trzeba aplikować tylko dla IE6, IE7 radzi sobie z tym.

@NoiseMac: pliki JS też są zapisywanie.

taka myśl mnie naszła, nie miałem okazji stestować, ale czy ul nie mozna by w <a /> objac? i wtedy hover działałby dla kazdej przegladarki? akurat nie mam IE6 wiec nie mam jak przetestować

Element blokowy (ul) nie może być dzieckiem elementu liniowego (a).