Скрипт, выключить свет на сайте кино онлайн
Очень нужны jQuery Скрипт выключить свет для кинотеатра сайта - Кнопка. Просто жмем на кнопку и свет отключается на сайте кроме плеера что показывает ролик - кино. Этот скрипт - кнопка для светлых сайтов на тематику онлайн кинотеатр. Смотрится очень красиво и придает сайту такой небольшой фарс, так как везде темно кроме экрана. Приступаем к установке: На странице где будете использовать. Перед /head прописываем этот код. Код <script type="text/javascript" src="http://zornet.ru/ZORNET/jquery.min.js"></script> <!--выключить свет --> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".lightSwitcher").click(function(){ jQuery("#shadow").toggle(); if (jQuery("#shadow").is(":hidden")) jQuery(this).html("Выключить Свет").removeClass("turnedOff"); else jQuery(this).html("Включить Свет").addClass("turnedOff"); return false; }); }); </script> <!--/выключить свет--> <style type="text/css"> /*выключить свет*/ .lightSwitcher { position:relative; z-index:101; background-image:url(http://zornet.ru/ZORNET/light_bulb_off.png); background-repeat:no-repeat; background-position:left; padding: 2px 0 2px 20px; height:16px; outline:none; text-decoration:none; } .lightSwitcher:hover { text-decoration:underline; } #shadow { background:#000; opacity:0.9; filter:alpha(opacity=90); position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; display:none; } .turnedOff { color:#ffff00; background-image:url(http://zornet.ru/ZORNET/light_bulb_on.gif); } object { z-index:101; position:relative; } /*/выключить свет*/ </style> Этот код прописываем где по вашему должна быть кнопка: Код <!--выключить свет --> <!--код кнопки--> <div align="center"> <a class="lightSwitcher" href="#">Выключить свет</a> </div> <!--/код кнопки--> <!--тёмный блок--> <div id="shadow"> </div> <!--/тёмный блок--> <!--/выключить свет--> <!----> На этом все! |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |