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