| Autor | Zpráva | ||
|---|---|---|---|
| majja01 Profil |
Ahojte všichni,
mám problém s vysouvací nabídkou jde o to že když na ní dám myš tak se sice zobrazí ale když dám myš pryč tak se neskryje. ps:vím že se má něco přidat do js ale nwm co. tady je JavaScript : <script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>Tady tlačítko a menu: <a onMouseOver="zobrazSkryj('oddil')"><li class="item">výrobky</li></a><div id="oddil" class="dropmenu">
<a href="#"><li class="item-drop">Obrazy</li></a>
<a href="#"><li class="item-drop">Panenky</li></a>
<a href="#"><li class="item-drop">Skříňnky</li></a>
<a href="#"><li class="item-drop">Krasohledy</li></a>
<a href="#"><li class="item-drop">Hračky pro děti</li></a>
</div> |
||
| vojja01 Profil * |
#2 · Zasláno: 27. 5. 2013, 20:28:47
Za 1)
Musí tam být i událost onmouseout, je to protiklad k onmouseover. Když tam dáš jenom onmouseover, tak když po tom přejedeš myší, tak se to zobrazí (skryje), ale když s ní odjedeš, nic se nestane Za 2) Pokud chceš, aby se to menu skrylo i když odjedeš z něj, tak to připíšeš k tomu menu: <div id="oddil" class="dropmenu" onmouseout="zobrazskryj('oddil');"> |
||
| majja01 Profil |
#3 · Zasláno: 27. 5. 2013, 20:43:06 · Upravil/a: majja01
@vojja01 boužel ten váš kod mi nějak nefunguje ale přidal sem tam ještě jednou tu funkci onmouseout (jak ste mi radil) to už sice funguje že když dám myš s toho odkazu tak se to skryje, ale když dám tu myš do toho menu tak se to taky skryje a to já nechci :(
jinak sem to změnil takhle: js: <script>
function Skryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
function Zobraz(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'none')?'block':'none';
}
</script>a odkaz : <a onMouseOver="Skryj('oddil')" onMouseOut="Zobraz('oddil')"><li class="item">výrobky</li></a>Aha tak už nic vyřešil sem to. Díky všem |
||
| margin Profil * |
#4 · Zasláno: 27. 5. 2013, 21:09:47
Položky seznam,u nemají v odkazech co dělat.
Máš přemnoženou třídu "item-drop". Mělo by to vypadat nějak takto http://jsfiddle.net/5N6UG/ |
||
| majja01 Profil |
@ děkuji za upozornění v tom dropmenu opravdu nemají li co dělat (je to chyba toho že jsem jenom ul nahradil divem a li zapomněl vymazat). Ten kod už sem vyřešil mám to skoro stejně jako vy ale v divu dropmenu mám onmouseout="zobrazskryj('oddil');" a v tom odkazu taky ( jak píše @vojja01)
a nevíte někdo jak tam ted přidat nějaké vysouvací js efekty? |
||
|
Časová prodleva: 11 let
|
|||
0