» »

Скрипт, выключить свет на сайте кино онлайн


Скрипт, выключить свет на сайте кино онлайн

Очень нужны 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>  
<!--/тёмный блок-->  
<!--/выключить свет-->  
<!---->


На этом все!
11.02.2013 Просмотров: 2778 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar