изменить направление анимации jquery после каждой загрузки страницы - PullRequest
Новая
       10

изменить направление анимации jquery после каждой загрузки страницы

0 голосов
/ 21 декабря 2011

У меня есть анимация jquery, где изображение соскальзывает с конверта.

Теперь я хотел бы, чтобы эта анимация возвращалась назад после повторной загрузки страницы.

Значение: изображение возвращается в конверт. затем, если загружается снова, изображение снова приходит, ect ...

Как это возможно?

вот снова весь код. не может самостоятельно ответить на вопрос, а в комментариях слишком мало знаков. 

var div = $("#karte2");
function runIt() {
 div.show("slow");
 div.animate({"marginTop": '-790px'}, 1000);
 div.animate({"marginTop": '-280px'}, 2000);now it works
}
runIt();
var div = $('#karte1');
$({
z: ~~div.css('zIndex')
 // ~~ to get an integer, even from non-numerical values like "auto"
        }).animate({
            z: -1000
        }, {
            step: function() {
                div.css('zIndex', ~~this.z);
            },
            duration: 2000
        });

Ответы [ 2 ]

0 голосов
/ 21 декабря 2011

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

С другой стороны, если вывы используете AJAX, просто используйте переменную для хранения "состояния" вашего конверта и соответственно анимируйте.

0 голосов
/ 21 декабря 2011

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

Или, но это сложнее, imho, вы можете использовать JS куки: http://www.w3schools.com/js/js_cookies.asp

...