Autor | Zpráva | ||
---|---|---|---|
Jan Knížek Profil |
#1 · Zasláno: 25. 4. 2011, 20:08:19
Dobrý den, chtěl bych udělat menu popsané na obrázkách.
Po najetí kurzoru na červenou oblast se červená oblast "vysune" a překryje malým obrázkem všechny záložky pod ní. Po najetí na modrou zase se vysune a překryje obrázky pod ní, ne nad ní. Problém je také v tom, že ne všechny oblasti budou stejně vysoké(budou stejně široké) a budou tvořeny obrázky. |
||
soucekgns Profil |
#2 · Zasláno: 26. 4. 2011, 17:08:35 · Upravil/a: soucekgns
Pokud se to má "vysouvat" jako animace, tak musíš zřejmě použít jquery
ale jinak: <div id="menu"> <li id="1"></li> <li id="2"></li> <li id="3"></li> <li id="4"></li> </div> #menu { position:relative; } li { position:absolute; width: 100px; height:100px; overflow:hidden; z-index:1; } li:hover { position:absolute; width: 100px; height:200px; overflow:visible; z-index:10; } li#1 {left:0; top:0;} li#2 {left:0; top:100px;} li#3 {left:0; top:200px;} li#4 {left:0; top:300px;} PS: width a height si můžeš dát k li#1 a li#1:hover |
||
Jan Knížek Profil |
#3 · Zasláno: 27. 4. 2011, 18:52:20
bohužel nefunguje:(
|
||
Časová prodleva: 13 let
|
0