Pełna wersja: [js] menu rozwijane
jak zrobic ładne menu ktore rozwija sie w prawą stronę? chodzi mi o prosty przyklad, dalej sam sobie dam rade
Najprzostrze będzie jQuery.
Wrzuć jakiś kod html i napisz co się ma rozsuwać i spróbuje napisać prosty skrypt.
Wrzuć jakiś kod html i napisz co się ma rozsuwać i spróbuje napisać prosty skrypt.
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
o poprostu przycisk ktory rozsunie sie w plawo i tam bedzie okienko z funkcjami, tylko tak zeby nie rozwalilo struktury strony
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:
Mouseover możesz zastąpić 'click'
Nie zapomnij w nagłówku strony dołączyć jQuery!
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();
});
})
{
$('#show").mouseover(function()
{
$(#hide).slideToggle();
});
})
Mouseover możesz zastąpić 'click'
Nie zapomnij w nagłówku strony dołączyć jQuery!
ok dzieki
Daj znać czy działa.
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>
<script>
$(document).ready(function()
{
$('#show").mouseover(function()
{
$(#hide).slideToggle();
});
})
</script>
<div id="show">asd</div>
<div id="hide">asd</div>
Czy
masz dołączone w sekcji<head></head>?
Kod
<script type="text/javascript" src="js/jQuery.js"></script>
masz dołączone w sekcji<head></head>?
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??
Kod
<script>
$(document).ready(function()
{
$('#show').mouseover(function()
{
$('#hide').slideToggle();
});
})
</script>
<div id="show">asd</div>
<div id="hide" style="display:none">asd</div>
$(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
super ale to sie w dol rozsuwa a ja chcialem w lewo ;d
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ć
Jeśli chodzi o sam efekt rozsuwania to zamiast 'slideToggle' daj 'toggle' i to cię powinno zadowolić
ok dzieki wielkie juz dam sobie rade
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.