Простые анимации о HTML странице

Question

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

теперьвопрос в том,

1.Какую технологию следует использовать для разработки анимации (можно использовать Flash или JQuery)?

2. Как мы должны действовать на стороне клиента, как мы можем управлять событиями, чтобыпроизойдет после некоторой задержки (Javascript или что-то еще)?

3.Как сделать изображения или анимации независимыми, чтобы они могли перемещаться по существующему html-сайту и не нарушать их макет?*

Answer 1

1. Используйте jQuery, потому что для клиента не требуется никаких дополнительных плагинов

2. На стороне клиента вы можете вызывать функции js после загрузки страницы и прохождения 10 секунд следующим образом.Предположим, у вас есть скрытый (style = "display: none;") div с id = hiddenFriedBurger

   jQuery (document) .ready (function () {setTimeout (showHiddenBurger (), 10000); // время в мс});

   function showHiddenBurger () {jQuery ("# ​​hiddenFriedBurger"). Show ();}

3. Вы должны сделать css style = "position: absolute;"или что-то в этом роде и для перекрытия html-элементов добавьте свойство css "z-index: 1;"или более высокий индекс.

пс за 2-секундный вопрос, вам нужно узнать больше о setTimeout и setInterval, просто погуглите его и извините за форматирование src. Я новичок в переполнении стека