Для любителей декорирования своих сайтов к празднику, хочу порекомендовать летучих мышей для сайта на Хэллоуин. Каждый год все время забываю сохранять интересные варианты, и по этому, буду постить их в блоге, что бы не потерялись. Сегодня у нас небольшой 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. Антон, у меня все хорошо 🙂 Первый снег у нас уже выпадал, сейчас чуть потеплело. Готовлю к запуску проект новый, ну по той же теме, посмотрим, может все таки на работу идти не прийдется))
Счастливого Хэллоуина!
Здравствуйте. А как им цвет другой задать? А то у меня шаблон темный, их не видно.
А, они летают по фону сайта, а не по шаблону. А шаблон у меня на весь экран. Можно ли их вывести, чтобы они летали по шаблону?
А как сделать чтобы они исчезали по нажатию?
здесь на сайте написано порекомендовать летучих вышей — это описка
Спасибо. Исправили.