Выключить свет для сайтов онлайн кино
 | |
| Очень прекрасный скрипт для тематики онлайн кинотеатр. Вот к примеру заходит пользователь и хочет посмотреть фильм не на весь экран так как основном фильмы идут с плохим качеством показа. Он просто отключает свет и на мониторе только видно экран показа и не какая реклама и остальное что может отвлекать не помешает, так как не чего не будит видно кроме самого фильма. И по сути как то приятно смотреть и качество становиться что по мне лучше. И эта функция создана под эту тематику, можно даже смотреть фотографий. Вам только нужно прописать код в нужном месте, в как это сделать я сейчас объясню. И так начнем, на странице где будете использовать, перед /head ставим: Код <script type="text/javascript" src="http://zornet.ru/CSS-ZORNET/ZR/NET/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/CSS-ZORNET/ZR/NET/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/CSS-ZORNET/ZR/NET/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 | |