Летучие мыши для сайта на хэллоуин

1

Для любителей декорирования своих сайтов к празднику, хочу порекомендовать летучих вышей для сайта на Хэллоуин. Каждый год все время забываю сохранять интересные варианты, и по этому, буду постить их в блоге, что бы не потерялись. Сегодня у нас небольшой javascript для внедрения летучих мышей на сайт. Летают они рандомно, браузер не грузят.

Скачать jsbat.js (v.1.2 1.9Kb)

Инструкция по установке

Скачайте файлик, залейте к себе куда-нибудь на сайт, что бы потом вызывать его.

<script type="text/javascript" async src="//ваш_путь_к_файлу/jsbat.js"></script>

Вставляете этот вызов столько раз, сколько хотите летучих вышей запустить на сайте.

В этом коде гифка уже закодирована в base64, по этому добавлять еще что-то или беспокоиться, что картинка будет удалена — не нужно.

Работает во всех современных браузерах.

Код не мой, видел его на нескольких сайтах, потом нашел автора (ссылка является демкой скрипта).

Маленькая модификация

На сайте, где я использовал скрипт у меня было много флеш, элементов, плюс всякие вставки роликов, и у них у всех перепутаны z-index были, по этому мыши залетали за некоторые элементы сайта.

По этому, если вам нужно это исправить, то для управления приоритетом вывода на экран, нужно добавить в код еще такой параметр:

Находим в коде zs.opacity=n;n=1; (ей можно прозрачность регулировать у мышей), и добавляем ниже: zs.zIndex = 11; (цифру ставим свою, чем выше тем выше приоритет при выводе).

Вот собственно и все, что хотел написать по поводу мышей.

 

P.S. Антон, у меня все хорошо 🙂 Первый снег у нас уже выпадал, сейчас чуть потеплело. Готовлю к запуску проект новый, ну по той же теме, посмотрим, может все таки на работу идти не прийдется))

 

Счастливого Хэллоуина!

 

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *