Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- gawitanowice.opx.pl
telcocafe
Witam!mam takie menu:
<html><head><script> var mov=0; function mopen(id) { document.all['m'+id].style.visibility='visible';} function mhide2(id) { if (mov==0) document.all['m'+id].style.visibility='hidden';} function mhide(id) { setTimeout("mhide2("+id+")",500);} function mover() { mov=1;} function m2hide(id) { mov=0; setTimeout("mhide2("+id+")",500);} </script></head> <body> <a onmouseover="mopen(1)" onmouseout="mhide(1)">dzial 1</a><br> <div id="m1" style="visibility:hidden" onmouseover="mover()" onmouseout="m2hide(1)"> tresc menu 1<br> tresc menu 1<br> </div> <a onmouseover="mopen(2)" onmouseout="mhide(2)">dzial 2</a><br> <div id="m2" style="visibility:hidden" onmouseover="mover()" onmouseout="m2hide(2)"> tresc menu 2<br> tresc menu 2<br> </div> </body></html>
przed najechaniem kursora na "dzial 1":
dzial 1
-odstep-
-odstep-
dzial 2
-odstep-
-odstep-
po najechaniu kursorem na "dzial 1":
dzial 1
tresc menu 1
tresc menu 1
dzial 2
-odstep-
-odstep-
jak zrobic zeby menu bylo rozwijane w taki sposob, zeby przesowalo wszystkie dalsze dzialy?
tzn. chce osiagnac taki efekt:
przed najechaniem kursora na "dzial 1":
dzial 1
dzial 2
po najechaniu kursorem na "dzial 1":
dzial 1
tresc menu 1
tresc menu 1
dzial 2
od razu mowie ze nie chodzi mi o to, zeby dac pojawiajacej sie reszcie menu styl position:absolute wraz z z-index:1
pozdrawiam
Witaj
Jeśli dobrze zrozumiełem to rozwiązanie wygląda tak:
<html><head><script> var mov=0; function mopen(id) { document.all['m'+id].style.display='';} function mhide2(id) { if (mov==0) document.all['m'+id].style.display='none';} function mhide(id) { setTimeout("mhide2("+id+")",500);} function mover() { mov=1;} function m2hide(id) { mov=0; setTimeout("mhide2("+id+")",500);} </script></head> <body> <a onmouseover="mopen(1)" onmouseout="mhide(1)">dzial 1</a><br> <div id="m1" style="display: none;" onmouseover="mover()" onmouseout="m2hide(1)"> tresc menu 1<br> tresc menu 1<br> </div> <a onmouseover="mopen(2)" onmouseout="mhide(2)">dzial 2</a><br> <div id="m2" style="display: none;" onmouseover="mover()" onmouseout="m2hide(2)"> tresc menu 2<br> tresc menu 2<br> </div> </body></html>
zamiast "visibility:hidden" jest "display: none;"
idealnie!
wielkie dzięki :)
//ps a ma ktos moze jakis fajny obrazek, ktory by symbolizowal takie rozwijanie (dalbym go obok napisow dzialow)
Użytkownik =.= edytował ten post 14 lipiec 2006, 10:36