Мы продолжаем знакомство с библиотекой jQuery, проходя курс на крупнейшем сайте по веб-разработке: www.w3schools.com/jquery/jquery_animate.asp">www.w3schools.com/jquery/jquery_animate.asp На этом уроке мы продолжаем рассматривать раздел эффектов: Animate.
Дата отправки отчёта:
15 июня 2018 г.
Задание выполнено: за
2 час. 29 мин.
Чему научился:
jQuery поставляется съ функціей очереди для анимаціи. Это означаетъ, что если вы пишете нѣсколько вызововъ animate () другъ за другомъ, jQuery создаетъ «внутреннюю» очередь съ этими вызовами методовъ. Затѣмъ онъ запускаетъ одинарныя вызовы по одному.
Да, ладно. I don't believe you. Это какой-то слишком хитрый цыган)) В Румынии 80% цыган, я когда учился на ресурсе Free Code Camp - их там кишмя кишит, не говоря уже об индусах и прочих. Плохо не только нам, им там тоже не сладко. Поэтому фигня это все - о первом цыгане и т.д. Это все равно, что утверждать, что Цукенберг сам придумал Фейсбук)
Научился: Научился использовать относительные значения в методе animate, узнал как создавать последовательность анимаций. Реализовал анимацию zorro с логотипом проекта.
Результаты можно посмотреть по адресу https://tomwansweb.000webhostapp.com/jQuery/9/index.html
Научился: Использование плагина jQuery.Color Отличный урок, добавил плагин для анимации цвета, отлично выглядит, добавил независимую анимацию цвета фона для обоих полей, так же переход между цветами каждый раз занимает рандомное время для большей уникальности анимации.
Добавил логотип проекта вместо чёрного квадратика, который бегает в стиле Zorro, размер квадратика была 20х20, голотип сделал 40х40, чтобы лучше было видно.
Так же реализовал второе поле, где кубик 20х20 бегает по периметру, чем ближе он к центру каждой стенки, тем он сплющивается в её сторону, использовал toggle свойство для полей ширины и высоты там где это необходимо =)
