[JS] [HTML] [CSS] Ciekawy efekt menu.

[JS] [HTML] [CSS] Ciekawy efekt menu.

bobo168 Zobacz profil	13.09.2006, 11:34:34 Post #1
Grupa: Zarejestrowani Postów: 201 Pomógł: 9 Dołączył: 23.08.2006 Ostrzeżenie: (0%)	Witam. Chciałbym zrobić menu podobne do tego na stonie : KLIK. Czyli po najechaniu na obrazek pokazuje się div z linkami tekstowymi i w zależnosci na jaki link najedziemy taki jest obrazek (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) W teori jest to łatwe ale w praktyce już gożej (IMG:http://forum.php.pl/style_emoticons/default/dry.gif) . Z góry dzięki za skrypty (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Zajec Zobacz profil	13.09.2006, 13:17:21 Post #2
Grupa: Zarejestrowani Postów: 1 086 Pomógł: 8 Dołączył: 10.12.2003 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <img src="" alt="" /> <ul class="linki"> <li>link 1</li> <li>link 2</li> <li>link 3</li> </ul> [HTML] pobierz, plaintext Kod .linki { position: absolute; display: none; } img:hover + ul.linki { display: block; } Wersje JS dla IE niech ktoś Ci napisze (IMG:http://forum.php.pl/style_emoticons/default/sleepysmiley03.gif)

Mystic007 Zobacz profil	18.09.2006, 20:16:31 Post #3
Grupa: Zarejestrowani Postów: 106 Pomógł: 1 Dołączył: 22.04.2006 Skąd: Będzin Ostrzeżenie: (0%)	Aż sam postanowiłem zrobić takie menu (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Tutaj są moje wypociny: [HTML] pobierz, plaintext <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <style> ul { position: absolute; margin:0px; padding:5px;list-style-type: none;background-color:#dddddd;border: medium solid blue} </style> </HEAD> <BODY onload="me('a')"> <script languange="javascript" type="text/javascript"> function me(id){ document.getElementById(id).style.display=(document.getElementById(id).style.display==='none')? 'block' : 'none'; } </script> <div onmouseover="me('a')" onmouseout="me('a')" style="cursor:pointer;" /><b>MENU</b></div> <ul id="a" onmouseover="me('a')" onmouseout="me('a')"> <li><a href="http://www.wp.pl">WP</a></li> <li><a href="http://www.portfolio.forall.pl">Mystic personal Portfolio</a></li> <li><a href="http://www.php.pl">php.pl</a></li> </ul>eeeebbbbbbbbbbb<br />eeeebbbbbbbbbbb<br />eeeebbbbbbbbbbb<br />eeeebbbbbbbbbbb<br />eeeebbbbbbbbbbb </BODY> </HTML> [HTML] pobierz, plaintext Śmiga pod IE i Mozillą, oczywiśce style są czysto przykładowe, ale muszisz zostawić position: absolute; Ten post edytował Mystic007 18.09.2006, 20:16:48

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Aktualny czas: 23.08.2025 - 04:44

Hosting zapewnia