offtop | Дата: Воскресенье, 19.05.2013, 05:43 | Сообщение # 1 |
Оффлайн
Пользователи
Сообщений: 216
IP: Скрытная информация
20
И так всем здрасти, сегодня 31 и поэтому всех с наступающим 2013 годом, это наверно последний скрипт в этом году XD)). Ну а теперь передем к описанию скрипта, данный скрипт работает так, когда пользователь вашего сайта наведет на лого сайта, то весь фон затемнится и все будет в снегу, а по центру будет написано поздравление с новым годом, но это еще не все, при этом начнет играть новогодняя песня, после того как пользователь отведет курсор от лога, то все это уберется... И еще поверх этого темного заснеженного фона можно вставить какие-нибудь изображения, анимированные картинки и будет очень неплохо смотреться под музыку))
Установка:
Замените свое лого на это:
Код <!--Новогоднее поздравление при наведение на лого сайта --> <div id="novogodnee_zatemneniewebo4karu" style="background: rgba(0,0,0,0.9) url('http://dedicated.3dn.ru/uCoz/images/bodyWeb.png'); z-index: 999; background-image: url('http://dedicated.3dn.ru/uCoz/images/snowweb.png'), url('http://webo4ka.ru/Ucoz6/by_webo4ka/snow3webo4ka.ru.png'), url('http://dedicated.3dn.ru/uCoz/images/snow2web.png') !important; z-index: 999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none;"> <div style="width: 800px; margin: 170px auto; color: white; text-align: center; font: 100px/1 'Lobster', cursive; text-shadow: 0 0 0.2em rgba(255,255,255, 0.5);"><h2>C новым годом!</h2></div> <img src="http://dedicated.3dn.ru/uCoz/images/fon_na_novyj_godwebo4ka.ru.png" style="position: fixed; bottom: 0%; right: 0%; width:1024px;"> <div id="novogodniiPecniwebo4kaRu"></div> </div> <!--Новогоднее поздравление при наведение на лого сайта--> <img src="http://site.ru/img/logo/logotip.png" id="noviiGog2013webo4karu" style="position: relative; z-index:999;"> <script>$('#noviiGog2013webo4karu').hover(function(){$('#novogodnee_zatemneniewebo4karu').show();$('body').css({'overflow':'hidden'}); $('#novogodniiPecniwebo4kaRu').html('<embed src="http://s39.ucoz.net/flash/audio1.swf?song_url=http://webo4ka.ru/Ucoz2/Newyear.mp3&autoplay=1&loop=0" width="0" height="0" />');},function(){$('#novogodnee_zatemneniewebo4karu').hide();$('body').css({'overflow':'auto'});});</script>
http://site.ru/img/logo/logotip.png картинку лога меняете на свою.
готово!
| |
|
| |
