JQuery ослабление с помощью анимации - PullRequest
Новая
       34

JQuery ослабление с помощью анимации

0 голосов
/ 15 ноября 2011
  1. У меня есть страница, которая показывает div при наведении курсора. Я хочу, чтобы страница переместилась в div на фокусе .... Мне здесь помогли ...

Теперь я хочу, чтобы onfocus в div переместился с плагином замедления и переместил его. я не хочу использовать «медленно» в анимации, например, 

$('html, body').animate({ scrollTop: $('#box0').offset().top }, 1000);

как я могу применить ослабление к вышеуказанному коду

Во-вторых, я хочу, чтобы отображаемый элемент скользил слева направо по указателю мыши и скользил справа налево, прежде чем скрыться. это то, что я использую сейчас. Я знаю, что есть лучший или лучший способ добиться того, что я делаю сейчас. 

$("#app0").mouseenter(function () {
 $("#lSection2").show('slide').delay(3000); //container for div of four 
 $("#boxContent0").slideDown(2000);$('html, body').animate({ scrollTop: $('#app0').offset().top }, 1000);// one of the divs within #lSection2

}); 

$('#boxContent0').mouseleave(function() {
    $("#boxContent0").fadeOut(1000);     
    $("#lSection2").fadeOut(1000);
});

Спасибо за вашу помощь

1 Ответ

1 голос
/ 15 ноября 2011

Можно добавить замедление следующим образом, см. http://api.jquery.com/animate/

.animate( properties [, duration] [, easing] [, complete] )

. Вы можете использовать hover для mouseover и mouseout. 

$("#app0").hover(function () {
     // Mouseover
     $("#lSection2").stop(true, false).width(0).animate({ width: 200}, 1000);
},function(){
     // Mouseout
     $("#lSection2").stop(true, false).width(0).animate({ width: 0}, 1000);
});

Требуется остановкав противном случае mouseover, mouseout, завершит первую анимацию, а затем следующую, следующую и следующую, таким образом вы можете остановить анимацию и перейти к следующей.

...