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);
});
0
Anthony_Z 12 sierpień 2014, 06:39

1 odpowiedź

Najlepsza odpowiedź

Czy chciałeś pokazać .subX i .fades1 zachować i nigdy nie zamknij? Być może to jest to, czego chcesz?

JSFIDDLE

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

1
Kyojimaru 12 sierpień 2014, 04:18