Сайтостроительный Блог

Бета версия - просто редко когда руки доходят до блога :(

Колбасим жучка на JavaScript

Вот еще один пример того как можно создать веб сайт и при этом конкретно поизвращаться над html. Вашему вниманию предоставляется скрипт, имитирующий движения летающего насекомого. Насекомое летает в пределах одного квадратного блока.

Все что нужно для его реализации - это две картинки: насекомое развернутое носом влево и вправо. Дальнейшее действие оптимизировано и автоматизированно. Я как всегда не буду вдаваться в подробности ибо если у вас достаточно навыков в веб строительстве и программировании вы и так все поймете.

Скачать пример

Кое что поясню. Насекомое должно колбаситься внутри блока у которого position:relative. В принципе не обязательно что бы у этого блока был фиксированный размер. Т.к. при изменении размера окна срабатывает событие onResize в body и размеры блока пересчитываются. Обратите внимание на id=”bug_zone” для блока и id=”bug” для картинки жука - они не должны изменяться.

Думаю с помощью этой штуки вы сможете создать неплохой сайт для какой-нибудь ботанической компании :)

Кстати - картинку жука можно сделать анимированной, тогда вообще полный отпад будет.

Комментарии (2) на “Колбасим жучка на JavaScript”

  1. Антон Юрьевич Says:

    Присоединяйся ко мне в комманду http://developers.in.ua будем вместе создавать новые проекты.
    Я веб програмист. Программирую на PHP5.

  2. admin Says:

    Творить в этой жизни можно, но только за деньги :)

Оставить комментарий

Comment spam protected by SpamBam


Украинская Баннерная Сеть