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ć?
Pełna wersja: [Java][CSS][HTML]Wysunięcie po kliknięciu
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.
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.
Tak jest , teraz się wysuwa po najechaniu myszką.
Tu jest kod CSS http://wklej.to/k2SMw
Tu jest kod CSS http://wklej.to/k2SMw
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.
nic, żadnych pomysłów ?
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>
"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
Nie wiem o co chodzi z integracją.W css możesz dowolnie modyfikować wygląd.
Przykład:
http://jsfiddle.net/GmtbU/
Przykład:
http://jsfiddle.net/GmtbU/
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/
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.
Nie wiedziałęm że tyle z tym kłopotów.
Na prawde tu na forum nikt nie posiada takiej wiedzy?
Na prawde tu na forum nikt nie posiada takiej wiedzy?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.