Меню сайта
Для Веб-Мастера Скрипты для сайта Онлайн игры Видео онлайн Картинки Заказать рекламу О нашем сайте Правила нашего сайта Обратная связь Карта сайта XML
Реклама
Наш опрос
Папка это?
Всего ответов: 1162
Статистика


Онлайн всего: 2
Гостей: 2
Пользователей: 0

Гости Пользователи
Дополнительно
Главная » Скрипты для сайта » Разные скрипты

Кнопка Выключить свет на jQuery для онлайн кинотеатров

Хочешь сказать спасибо? Кликни на рекламный баннер.

22.03.2012, 15:34
Кнопка пригодится на сайтах со светлым дизайном, затемняет всё, кроме плеера.Обычно фильмы онлайн смотрят в полноэкранном режиме, но есть фильмы плохого качества и в полноэкранном режиме такой фильм смотреть мало удовольствия, а посмотреть хочется и, чтобы фон сайта не отвлекал от просмотра как раз эта кнопочка и пригодится.
На странице где будете использовать, перед /head ставим :
Code
<script type="text/javascript" src="http://mega.ucoz.ua/demo/vikl_svet/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://mega.ucoz.ua/demo/vikl_svet/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://mega.ucoz.ua/demo/vikl_svet/light_bulb_on.gif); }
object { z-index:101; position:relative; }
/*/выключить свет*/
</style>

И в то место где хотите видеть кнопку ставим :
Code
<!--выключить свет -->
<!--код кнопки-->
<div align="center">
<a class="lightSwitcher" href="#">Выключить свет</a>
</div>
<!--/код кнопки-->
<!--тёмный блок-->
<div id="shadow">
</div>
<!--/тёмный блок-->
<!--/выключить свет-->
<!---->





Если у Вас возникли вопросы по установке или работе скрипта, то задайте их в комментариях и мы постараемся вам помочь.

Источник материала: Неизвестен/Не указан
При коприровании материала просьба ставить ссылку на оригинальную статью.

Похожие материалы :
Ссылка:
BB-код:
HTML-код:
Добавил: -angel- | Просмотров: 5965 | Загрузок: 0 | Рейтинг: 3.8/12
Теги: кнопка выключить свет, Кнопка Выключить свет на jQuery для
Всего комментариев: 0
ВНИМАНИЕ !!!
Добавлять комментарии могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
А знаете ли Вы, что ...

Если у статуи всадника у лошади подняты обе передние ноги, это означает, что человек погиб в бою. Если у лошади поднята только одна нога, значит человек погиб от полученных в битве ран. Если у лошади все 4 ноги на земле, значит человек умер естесственной смертью.


Реклама
Популярные материалы
Наша кнопка
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:

Скрипты для сайта

Друзья сайта