Admin
Admin
Number of posts : 262
Join date : 08.03.12
Age : 62
Dzīvesvieta : Talsi
 |  Tēma: Izslēgt gaismu lapai kurā atrodas fimu pleijeris  Otrdiena Jūlijs 23, 2013 8:02 pm | |
| Кнопка пригодится на сайтах со светлым дизайном, затемняет всё, кроме плеера.Обычно фильмы онлайн смотрят в полноэкранном режиме, но есть фильмы плохого качества и в полноэкранном режиме такой фильм смотреть мало удовольствия, а посмотреть хочется и, чтобы фон сайта не отвлекал от просмотра как раз эта кнопочка и пригодится. На странице где будете использовать, перед /head ставим : - Kods:
-
<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> И в то место где хотите видеть кнопку ставим : - Kods:
-
<!--выключить свет --> <!--код кнопки--> <div align="center"> <a class="lightSwitcher" href="#">Выключить свет</a> </div> <!--/код кнопки--> <!--тёмный блок--> <div id="shadow"> </div> <!--/тёмный блок--> <!--/выключить свет--> <!----> Demo | |
|
