У меня есть куча div внутри содержащего div.Они все плавают влево, и видны только три, а переполнение контейнера установлено как скрытое.Я хочу, чтобы пользователь мог навести курсор на левую или правую сторону содержащегося элемента div и сделать так, чтобы внутренние элементы div (слайд) анимировались влево или вправо, при этом скорость анимации растет, когда мышь пользователя приближается к любой из сторон.Посередине нет движения, по бокам быстрое движение.
Теперь я могу регулировать скорость и видеть ее отражение, если я наведусь на включенный и выключенный элемент div, но не могу понять, какизменить скорость «во время» анимации.Я не говорю об ослаблении, потому что я хочу, чтобы пользователь мог вернуть мышь в центр и плавно остановить анимацию в этот момент, если он выберет.
Вот как я получаю/ настройка скорости параметра:
var mouseX = e.pageX-$(this).offset().left,</p>
<pre><code> width = $(this).innerWidth(),
speed = Math.round((width-mouseX)*10);
Затем я задаю анимацию таким образом:
$("#sliderCont").animate({"left":-1600},speed);
Я использую переменную «скорость» в качестве параметра скорости для анимации в надежде, что она будет автоматически обновлена, поскольку я использую обработчик событий mouseover, который срабатывает очень быстро, и поэтому я думал, что величина скорости будет быстро меняться,тоже.Но, видимо, нет.
Любая помощь, пожалуйста.:)
PS: этот редактор дважды показывает строку кода, "var mouseX" ...: S Это не часть кода.