Автор: 
Чтобы на вашем сайте могли спокойно выключить свет и посмотреть фильм ? Тогда этот скрипт именно для Вас.С помощью этого скрипта пользователь на Вашем сайте сможет выключить свет на Вашем сайте и смотреть спокойно фильм,от себя добавлю,что смотрится довольно не плохо.
Для начала,это ставим в CSS
Ставим наш скрипт между <head></head> туда где будет скрипт,пример возьмем блок новости,я вставлял в страницу комментария в конец
А это сам код включения и выключения
turn_off_the_li.rarCode | Выделить всё
#container { width:600px; margin:0px auto; text-align:left; overflow:hidden; position:relative;} //
#movie {border:solid 1px #dcdcdc; float:left; width:560px; text-align:left; margin-right:20px;}
#command { position:relative; height:25px; display:block; margin: 25px 0 0 0;}
.lightSwitcher {position:absolute; z-index:101; background-image:url(/light_bulb_off.png);
background-repeat:no-repeat; background-position:left; padding: 0 0 0 20px; outline:none; text-decoration:none;}
.lightSwitcher:hover {text-decoration:underline;}
#shadow {background-image:url(/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;}
.turnedOff {color:#ffff00; background-image:url(/light_bulb.png);}
#clickHere {position:absolute; top: -25px; left:130px;}Ставим наш скрипт между <head></head> туда где будет скрипт,пример возьмем блок новости,я вставлял в страницу комментария в конец
Code | Выделить всё
<script type="text/javascript" src="/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#shadow").css("height", $(document).height()).hide();
$(".lightSwitcher").click(function(){
$("#shadow").toggle();
if ($("#shadow").is(":hidden"))
$(this).html("Выключить свет").removeClass("turnedOff");
else
$(this).html("Включить свет").addClass("turnedOff");
});
});
</script>А это сам код включения и выключения
Code | Выделить всё
<div id="container">
<div
id="command"><img src="/click_here.png" alt="" id="clickHere"
/><a class="lightSwitcher" href="#">Выключить
свет</a></div>
<div id="movie">
<!--Ролик для примера -->
Сюда я вставлял код от плеера
<!--Конец ролика -->
</div>
</div>
<div id="shadow"></div>И не забудьте кинуть файлы из папки в корень.
