Это немного странно, но я надеюсь, что вы, ребята, можете помочь.
У меня есть клиент, который запросил странную последовательность затухания анимации с объектами, которые затухают в/из, но также хочет кнопку, которая будет отменять анимацию и мгновенно перейти к завершенному состоянию.
В настоящее время это javascript, который я использую (jquery, конечно).
$("#finished-button" ).click(function() {
$('#slide-1').fadeTo(1,.1);
$('#slide-2').fadeIn(1);
$("#slide-1" ).stop();
$("#slide-2" ).stop();
;});
$(document).ready(function() {
$('#slide-1').delay(5000).fadeTo(5000,1).delay(11000).fadeTo(5000,.1);
$('#slide-2').delay(21000).fadeIn(5000);
;});
ключ "ID" готовой кнопки "div" - кнопка для перехода в законченное состояние, но это не работает. Что мне не хватает/что я ошибаюсь в синтаксисе? Спасибо, парни!
Сначала вы можете очистить animation queue
, затем вы можете show
эти элементы и установить свои окончательные свойства стиля с помощью .css()
.
Пытаться,
$("#finished-button" ).click(function() {
$('#slide-1').stop().show().css('opacity','0.1');
$('#slide-2').stop().show.css('opacity','1');
});
Или, как указано в @user2191572, вы можете использовать,
$("#finished-button" ).click(function() {
$('#slide-1,#slide-2').finish();
});
.stop()
вызовы.stop()
прежде чем добавлять новые анимации.