Jestem nowy w jQuery. Próbuję ustanowić spadek megi, który jest w 100% szerokości na ekranie, ale treść jest wyśrodkowana. Również najlepsze przyciski nawigacyjne są wyśrodkowane.
Jak mogę zachować obszar podrzędny otwarty po opuszczeniu myszy przycisku?
Oto skrzypce: http://jsfiddle.net/uf1107qs/
$('.top1').on('mouseenter', function () {
$('.sub1').slideDown(200).addClass('.abTop');
$('.fades1').delay(50).fadeIn(200);
});
$('.top1').on('mouseleave', function () {
$('.sub1').delay(600).slideUp(200).removeClass('.abTop');
$('.fades1').fadeOut(0);
});
1 odpowiedź
Czy chciałeś pokazać .subX
i .fades1
zachować i nigdy nie zamknij? Być może to jest to, czego chcesz?
Edytować :
Przepraszam za moje nieporozumienie wcześniej. Możesz osiągnąć to za pomocą Usadkuleut, a nie {x0}}, oto wynik: < href = "http://jsfiddle.net/uf1107qs/2/" rel = "nofollow"> jsfiddle , jest nadal brzydki, ponieważ w niej wiele powtarzających się kodu.
Zasadniczo potrzebujesz setTimeout
, gdy mouseleave
górna, a clearTimeout
, gdy mouseenter
górna lub sub
Inny sposób :
Inny sposób na to, aby go osiągnąć, można użyć tylko CSS za pomocą właściwości CSS, jak position
, visibilty
, opacity
, z-index
, jak w tym przykładzie na jsfiddle