Скрипт, который я написал два года тому назад. Суть его заключалась в том, чтобы на сайте создать молнии, что подчёркивало бы осеннюю атмосферу. Молнии появляются в случайный промежуток времени в случайных местах, однако, в строго закреплённом блоке размером примерно 700 на 230 пикселей
Для начала посмотрите
ДЕМО
Установка:
1#: После /head на нужных страницах вставьте:
|
|
<script> $(function() { setInterval('apostartlight()', getRandomInt(5000, 20000)); }); function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; }; function apostartlight() { $('div.apolightning').hide(0); $('div#apol' + getRandomInt(1, 3)).css('margin-left', getRandomInt(-400, 0) + 'px').show(0).fadeOut(1000); }; </script> |
2#: Следующий код в самый низ вашего CSS:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
.apolightning { width: 300px; height: 235px; position: absolute; z-index: -1; left: 50%; margin-left: -14px; top: 0px; background: url(/img/apolight.png); display: none; } #apol2 { background: url(/img/apolight2.png); } #apol3 { background: url(/img/apolight3.png); } |
3#: Следующий код вставьте перед тегом < body >:
|
|
<div class="apolightning" id="apol1"></div> <div class="apolightning" id="apol2"></div> <div class="apolightning" id="apol3"></div> |
Осталось лишь залить три картинки из прикреплённого архива в папку
imgАвтор публикации
12
Я не понял вашего вопроса, но постараюсь на него ответить...
