[ Djole_b @ 21.09.2010. 12:48 ] @
Napravio sam padajuci meni preko css-a (drop-down menu). Nece da mi radi u ie6. Koju skriptu da ubacim ? Ili kako da resim problem ? |
[ Djole_b @ 21.09.2010. 12:48 ] @
[ batika @ 21.09.2010. 14:11 ] @
vidi za padajuci meni imas gotova resenja - npr. superfish - kucaj u google "superfish menu"
ili mozes sam da pravis meni sa jQueryjem. znaci stavljas event na glavni link u meniju Code: $("#id_linka").mouseover(function(){ // naredbe // npr $("#id_submenija").slideDown(); }); $("#id_linka").mouseout(function(){ // naredbe // npr $("#id_submenija").slideUp(); }); e sad pazi, ovo ce ti raditi ok, ali kad misem odes sa glavnog linka submeni ce nestati, zato moras stavljati eventove i na submenu i sa statusima resis problem. slideUp() i slideDown() ce ti dati lep efekat pojavljivanja i nestajanja. Pogledaj i plugin za jQuery hoverIntent - on ti je do ja.. on ti ne reaguje odmah na hover i unhover - vec sa zadrskom, stvarno dobra stvar nadam se da sam ti pomogao pozz [ Djole_b @ 21.09.2010. 14:42 ] @
Hvala na detaljnom odgovoru. Malo je komplikovanije nego sto sam mislio ali cu pokusati da resim ovo. Pozzzz
[ Aleksandar Ružičić @ 21.09.2010. 15:27 ] @
ako imas gotov css za dropdown meni koji otvaras pomocu :hover pseudo selektora, samo treba da dupliras taj selektor da koristi klasu umesto :hover za ie, npr ako imas:
Code: .menu li:hover ul { display: block; } to prepravi u: Code: .menu li:hover ul, .menu li.iehover ul { display: block; } i onda ti treba samo ovaj jquery kod: Code (javascript): jQuery(function($) { $('.menu li').hover( function() { $(this).addClass('iehover'); }, function() { $(this).removeClass('iehover'); } ); }); koji mozes slobodno da stavis unutar kondicionalnih komentara da targetiras samo IE < 7 tako ostali browseri nece praviti dodatan request. Copyright (C) 2001-2025 by www.elitesecurity.org. All rights reserved.
|