 [Java][CSS][HTML]Wysunięcie po kliknięciu |
  |
| [Java][CSS][HTML]Wysunięcie po kliknięciu |
| -bicycl- |
 22.05.2012, 08:08:27
Post
#1
|
|
Goście  |
Posiadam menu napisane w CSS i HTML jest to menu poziome z wysuwanym pod menu.
Chciałbym zrobić tak, aby po kliknięciu w główny buton dopiero się wysuwało podmenu. Googlowałem znalazłem wiele gotowych rozwiązań, tylko że nie rozumiem jak mam taki scrypt zintegrowac ze stylem CSS, żeby współgrało to z hoverem który już jest zdefiniowany w pliku CSS. Potrafi ktoś tu na forum doradzić konkretnie jak za to się zabrać? |
 |
 
|
|
22.05.2012, 09:07:11
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 374 Pomógł: 79 Dołączył: 6.04.2010 Skąd: Ostrów Wielkopolski Ostrzeżenie: (0%) 
|
Cytat(bicycl @ 22.05.2012, 09:08:27 )  Posiadam menu napisane w CSS i HTML jest to menu poziome z wysuwanym pod menu. Chciałbym zrobić tak, aby po kliknięciu w główny buton dopiero się wysuwało podmenu. To znaczy, że teraz wysuwa się po najechaniu kursorem tak? Jeśli ma się wysuwać dopiero po kliknięciu, to poszukaj strukturze tego menu akcji dla "onMouseOver" i zmień ją na "OnClick". Nie wkleiłeś żadnego kodu, więc to tylko strzał na podstawie innych rozwiązań, które wcześniej widziałem. |
|
|
|
| -bicycl- |
22.05.2012, 17:36:10
Post
#3
|
|
Goście |
Tak jest , teraz się wysuwa po najechaniu myszką.
Tu jest kod CSS http://wklej.to/k2SMw |
|
|
|
| -bicycl- |
22.05.2012, 19:56:16
Post
#4
|
|
Goście |
Do tego menu jest też plik js http://wklej.to/9JPUV ale praktycznie nie wiem po co on jest, usuwałem go, a i tak menu poprawnie działało.
|
|
|
|
| -bicycl- |
22.05.2012, 22:17:33
Post
#5
|
|
Goście |
nic, żadnych pomysłów ?
|
|
|
|
| -bicycl- |
22.05.2012, 22:47:56
Post
#6
|
|
Goście |
Kod <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("#dropdownbutton").click(function () { $("#menu").slideToggle("slow"); }); }); </script> </head> <body> <a href="#" id="dropdownbutton">Show Menu</a> <ul id="menu" style="display:none"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </body> </html> Tu jak coś to mam taki kod, tylko nie wiem jak go zintegrować z CSS |
|
|
|
|
22.05.2012, 23:52:16
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 1 195 Pomógł: 109 Dołączył: 3.11.2011 Ostrzeżenie: (10%) 
|
Nie wiem o co chodzi z integracją.W css możesz dowolnie modyfikować wygląd.
Przykład: http://jsfiddle.net/GmtbU/ |
|
|
|
| -bicycl- |
23.05.2012, 00:09:37
Post
#8
|
|
Goście |
Cytat(Niktoś @ 22.05.2012, 23:52:16 ) Nie wiem o co chodzi z integracją.W css możesz dowolnie modyfikować wygląd. Przykład: http://jsfiddle.net/GmtbU/ Chodzi o to że jak teraz do tego kody ze scryptem dodać moje definicje CSS co już jest gotowy. |
|
|
|
| -bicycl- |
23.05.2012, 15:38:31
Post
#9
|
|
Goście |
Nie wiedziałęm że tyle z tym kłopotów.
Na prawde tu na forum nikt nie posiada takiej wiedzy? |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 19.07.2025 - 04:47 |
