ВНИМАНИЕ!!!!

Сайт адаптирован под браузеры Opera и Mozilla Firefox. Во всех остальных браузерах этот сайт может показываться не коректно.
Приносим свои извинения за неудобства.
Стартовая Избранное Главная Контакты Карта сайта
Где мы?

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Выключение света в вашем кинотеатре
CoPДата: Четверг, 23.07.2009, 15:31 | Сообщение # 1
Сержант
Сообщений: 26
Репутация: 1
Статус: Offline
Вы наверно все мечтали , чтобы на вашем сайте могли спокойно выключить свет и посмотреть фильм ? Тогда этот скрипт именно для Вас.С помощью этого скрипта пользователь на Вашем сайте сможет выключить свет на Вашем сайте и смотреть спокойно фильм ;).
CSS
Code
#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;}

Cтавим наш скрипт между
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>

HTML в тег
Code
  <div id="container">
        <div id="command"><img src="click_here.png" alt="" id="clickHere" /><a class="lightSwitcher" href="#">Выключить свет</a></div>
        <div id="movie">
<!--Ролик для примера -->
        <object width="560" height="340">
        <param name="movie" value="http://www.youtube.com/v/Mlahvvymkxc&hl=en&fs=1&color1=0x3a3a3a&color2=0x999999" />
        <param name="allowFullScreen" value="true" />
        <param name="allowscriptaccess" value="always" />
        <embed src="http://www.youtube.com/v/Mlahvvymkxc&hl=en&fs=1&color1=0x3a3a3a&color2=0x999999"        
        type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340">
        </embed>
        </object>
<!--Конец ролика -->
        </div>
</div>
        <div id="shadow"></div>

Скачать
Эти скаченные файлы закиньте в Ваш файловой менеджер.
 
  • Страница 1 из 1
  • 1
Поиск:
Rambler's Top100