 [js] menu rozwijane |
| [js] menu rozwijane |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 0 Dołączył: 23.08.2007 Skąd: Częstochowa/Dubidze Ostrzeżenie: (70%) 
 |
jak zrobic ładne menu ktore rozwija sie w prawą stronę? chodzi mi o prosty przyklad, dalej sam sobie dam rade (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
|
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%) 
|
Najprzostrze będzie jQuery.
Wrzuć jakiś kod html i napisz co się ma rozsuwać i spróbuje napisać prosty skrypt. |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 0 Dołączył: 23.08.2007 Skąd: Częstochowa/Dubidze Ostrzeżenie: (70%)
|
obojetnie jakie okienko, alb
o poprostu przycisk ktory rozsunie sie w plawo i tam bedzie okienko z funkcjami, tylko tak zeby nie rozwalilo struktury strony (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Ten post edytował jawka7 20.02.2009, 20:57:19 |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
To np:
to co ma się rozsuwać niech będzie w <div id="hide"> a to co ma powodować rozsuwanie to niech będzie <div id="show"> więc tak: Kod $(document).ready(function() { $('#show").mouseover(function() { $(#hide).slideToggle(); }); }) Mouseover możesz zastąpić 'click' Nie zapomnij w nagłówku strony dołączyć jQuery! Ten post edytował gcdreak 20.02.2009, 21:03:24 |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 0 Dołączył: 23.08.2007 Skąd: Częstochowa/Dubidze Ostrzeżenie: (70%)
|
ok dzieki
|
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
Daj znać czy działa.
|
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 0 Dołączył: 23.08.2007 Skąd: Częstochowa/Dubidze Ostrzeżenie: (70%)
|
cos nie dziala, co mam tu zle?
Kod <script src='js/jQuery.js'></script>
<script> $(document).ready(function() { $('#show").mouseover(function() { $(#hide).slideToggle(); }); }) </script> <div id="show">asd</div> <div id="hide">asd</div> |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
Czy
Kod <script type="text/javascript" src="js/jQuery.js"></script> masz dołączone w sekcji<head></head>? |
|
|
|
|
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 0 Dołączył: 23.08.2007 Skąd: Częstochowa/Dubidze Ostrzeżenie: (70%)
|
to chyba nie ma znaczenia bo w innym pliku gdzie uzywam jQuery jest normalnie w skrypcie i jest ok, nie da sie tego jakos szybciej w css??
Ten post edytował jawka7 20.02.2009, 21:36:38 |
|
|
|
|
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
Kod <script> $(document).ready(function() { $('#show').mouseover(function() { $('#hide').slideToggle(); }); }) </script> <div id="show">asd</div> <div id="hide" style="display:none">asd</div> Nawiasy były poplątane Jeśli chcesz w css to zajrzyj: http://serwis.magazynyinternetowe.pl/artyk...menu_w_css.html W JS jest ładniejsze Ten post edytował gcdreak 20.02.2009, 21:39:37 |
|
|
|
|
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 0 Dołączył: 23.08.2007 Skąd: Częstochowa/Dubidze Ostrzeżenie: (70%)
|
super ale to sie w dol rozsuwa a ja chcialem w lewo ;d
|
|
|
|
|
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 365 Pomógł: 8 Dołączył: 16.12.2008 Ostrzeżenie: (0%)
|
To musisz wypozycjonować sobie tego <div id="hide"> tam gdzie go chcesz mieć po rozsunięciu i wtedy będzie się rozsuwać.
Jeśli chodzi o sam efekt rozsuwania to zamiast 'slideToggle' daj 'toggle' i to cię powinno zadowolić |
|
|
|
|
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 0 Dołączył: 23.08.2007 Skąd: Częstochowa/Dubidze Ostrzeżenie: (70%)
|
ok dzieki wielkie juz dam sobie rade (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
|
|
|
|
 |
|
Aktualny czas: 24.08.2025 - 21:21 |
