Najprostszy skrypt - rozwijanego menu., Jak przygotować prosty skrypt z rozwijanym menu? Opcje

[kukix]

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...

Ten post edytował kukix 16.02.2007, 16:10:43

[gekon]

[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

[kukix]

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ł?

[NoiseMc]

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...

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

[gekon]

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

@NoiseMac: pliki JS też są zapisywanie.

Ten post edytował gekon 17.02.2007, 02:01:11

[kwiateusz]

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ć

[gekon]

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