Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Хаки Помогите с JS затемнение сайта

Помогите с JS затемнение сайта


     02.09.2012    Хаки    2635

вопрос
Помогите с javascript'ом затемнение сайта по нажатию на кнопку. Всё работает хорошо, но только сам плеер тоже затемняется, пробовал на плеер ставить (z-index) не помогло. Может что то в коде не то, прошу вас помочь.

Ответа пока нет


Комментарии пользователей (1)

kovalenko3331
3

129 | 88

kovalenko3331 - 2 сентября 2012 22:07 - Юзер

Попробуй так
    <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>

кнопка вызова
<a class="lightSwitcher">Выключить свет</a>

css
.lightSwitcher {position:absolute; z-index:101; background-image:url("../images/light_bulb_off.png"); background-repeat:no-repeat; background-position:left; padding: 0 0 0 20px; outline:none; text-decoration:none;}
.lightSwitcher:hover {color:#000088; text-decoration:underline;}
#shadow {background:#000000; opacity:0.96; filter:alpha(opacity=90); position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; display:none;}
.turnedOff, .turnedOff2, .turnedOff3 {color:#ffff00; background-image:url("../images/light_bulb.png");}
.turnedOff:hover, .turnedOff2:hover, .turnedOff3:hover {color:#ffff00;}
object{
z-index:101;
position:relative;
}

вот картинки если нужны

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 10.10.2012 lexa21reg  Хаки