1. Список говнокодов пользователя agency-it

    Всего: 1

  2. JavaScript / Говнокод #15413

    +156

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    30. 30
    31. 31
    32. 32
    33. 33
    34. 34
    35. 35
    36. 36
    37. 37
    38. 38
    39. 39
    40. 40
    41. 41
    42. 42
    //CSS Анимация 1 
function hideConv(){
	//добавляем класс содержащий св-ва конца анмиации
	$("#mail").addClass("animated200ms");
	$("#mail").css("opacity","0");	
	//определяем объект анимации
	var elem=document.getElementById("mail");
	//вешаем прослушиватель завершения анимации
	elem.addEventListener('transitionend', function(event) {
		event.stopImmediatePropagation();
		//ф-ия выполняемая после завершения анимации 1
		showConv();
	},false);	
}

//CSS Анимация 2 
  function showConv(){
	
	//копируем содержимое объекта анимации
	var m = $("#mail").html();
	//удаляем объект анимации на ***
	$("#mail").remove();
	//вставляем его снова *** 
	$(".сontacts").append("<div id='mail' class='animated200ms' style='opacity: 0;'></div>");
	$("#mail").append(m);
	
	
	//не можем отловить событие завершения анимации 2 - делаем таймаут и надеемся что анимация успела выполнится 
	$("#mail").css("opacity",0);
	tv = setTimeout(function()
	{
		$("#mail").css("opacity",1);
	},500);
	
	
	//не можем отловить событие завершения анимации 3 - делаем таймаут и надеемся что анимация успела выполнится 
	time_var = setTimeout(function()
	{
		$("#mail").removeClass("animated200ms");
		openMail();
	}, 3500);
  }

    Задача: выполнить цепочку анимации на CSS: анимация-1, анимация-2, анимация-3. Каждая следующая анимация должна запускаться по завершению предыдущей. Смотрим и улыбаемся.
    Работу выполнил фрилансер: https://www.fl.ru/users/nDc/ за 900руб.

    agency-it, 10 Марта 2014

    Комментарии (10)