1. 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) RSS

    • ava minusator41 10.03.2014 19:17 # −17

      показать все, что скрыто>>>"Задача: выполнить цепочку анимации на CSS"

      Вообще-то задача - выебать тебя кабаньим клыком в жопу.
      Ответить

    • ava Bart 11.03.2014 01:04 # +5

      > делаем таймаут и надеемся что анимация успела выполнится
      Надежда умирает последней.
      Ответить

    • ava Vasiliy 11.03.2014 11:07 # +2

      работать будет толь ко в огне лисе. Фрилансеры они такие.
      Ответить

    • ava Lure Of Chaos 13.03.2014 00:40 # +2

      > не можем отловить событие завершения анимации
      еда за 900р\мес? да, вот почему так мало силенок
      Ответить

      • ava Vasiliy 13.03.2014 13:48 # +1

        откуда такие цифры. Судя по коду потратил 15 минут с перерывом на кофе и 900 рублей. Я за 900 рубле батрачу не меньше 2,5 часов.
        Ответить

        • ava Lure Of Chaos 13.03.2014 13:56 # +3

          > Я за 900 рубле батрачу не меньше 2,5 часов.
          и на выходе такое же говно?
          Ответить

    • ava bormand 13.03.2014 13:52 # 0

      > за 900руб
      Ну как заплатили - так и выполнил ;)
      Ответить

    • ava eth0 13.03.2014 19:24 # +1

      Чёрный пиар такой чёрный.
      В смысле, коричневый.

      Превратим говнокод в рейтинговое агентство с блекджеком и коричневыми метками!
      Ответить

    • ava guest 14.03.2014 12:34 # +3

      Что вы хотите от человека со ставкой в 5$?!
      Ответить

    Добавить комментарий