Показать сообщение отдельно
  #3 (permalink)  
Старый 24.11.2011, 17:11
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

мне
Сообщение от De-Luxis
Как мне выполнить определенную функцию после завершения всей анимации на сайте?
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>demo</title>
   <script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script>
  <style>
    div {
		height: 20px;
		background: red;
		margin: 3px;
		width: 10px;
	}
  </style>
</head>
<body>

<div class=c1></div>
<div class=c2></div>

<script>
	$.when(
		$('div.c1').animate({width: 300}, 3000), // первая анимация
		$('div.c2').animate({width: 300}, 5000) // вторая
	).then(function () { 
		alert('Обе анимации завершены');
	});
</script>
  
</body>
</html>

Последний раз редактировалось Pavel M., 24.11.2011 в 17:21.
Ответить с цитированием