|
|
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1366
|
|
Слышу гимн зашитых ртов |
|
|
|
|
|
Дата: Воскресенье, 31.03.2019, 18:57/ Сообщение №: 1
|
|
Кнопка для выключения и выключения света:
Код
<a href="javascript://" onclick="setCookie('light-on',1,365);eraseCookie('light-off');" id="switch-on">Выключить свет</a>
<a href="javascript://" onclick="setCookie('light-off',1,365);eraseCookie('light-on');" id="switch-off">Включить свет</a>
<script type="text/javascript" src="/player/darkino.js"></script>
В CSS:
Код
.shortstory iframe,.shortstory object,.dark-video {position:relative;z-index:999;}
#dark-block {position:fixed;top:0;left:0;background:rgba(0,0,0,0.9);z-index:998;width:100%;height:100%;display:none;}
/*стили плавающей иконки*/
img#switch-on {position:fixed;top:30px;left:15px;z-index:999;cursor:pointer;}
img#switch-off {position:fixed;top:30px;left:15px;z-index:999;cursor:pointer;display:none;}
/*стили обычной кнопки*/
a#switch-on {background:#242424;color:#888888;position:relative;z-index:999;}
a#switch-off {background:#343434;color:#888888;position:relative;z-index:999;display:none;opacity: 0.30; }
a[id^="switch"] {padding:5px 10px;display:inline;border-radius:4px;}
a[id^="switch"]:hover {opacity:0.7;}
Сам эффект, ставим туда где будет плеер:
Код
<div class="dark-video">ТУТ ПЛЕЕР</div>
Загружаем скрипт ФМ в папку player: https://yadi.sk/d/MVIE41yUJw62lw
Тестануть кнопку можно у меня на сайте с фильмом.
Тихо на улице, пусто в квартире..Спасибо реактору №4
|
|
|
|
|
|
|