Всплывающее окно jquery

Статус
В этой теме нельзя размещать новые ответы.

асс

Мой дом здесь!
Регистрация
13 Окт 2006
Сообщения
762
Реакции
230
Доброй ночи.

Помогите пожалуйста.

Этот код рабочий полностью. Но он не затемняет страницу, а мне надо чтоб при первом посещении
выскакивало окно и затемняло сайт примерно как тут


Рабочий код в архиве,

HTML:
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Всплывающее окно jquery на css при загрузке странице показывается один раз</title>
<link rel="stylesheet" type="text/css" href="stylesmodal.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $("#setCookie").click(function () {
        $.cookie("popup", "24house", {expires: 0} );
                $("#popupBlock").hide();
    });

    if (  $.cookie("popup") == null  ) { $("#popupBlock").show(); }
    else {    $("#popupBlock").hide();    }

});
    </script>  
</head>
<body>


Текст страницы
Текст страницы


Текст страницы



Текст страницы




<div id="popupBlock" class="myup">
      <div class="mytext">
        <div id="timerOutput" class="mytimer"></div>
          <h1 align='center'>Внимание! </h1> 
        <br />
   
   
    <span style="font:24px Monotype Corsiva, Arial;    
    color: #ff0000;
    text-align: left;">Уважаемые друзья!!!</span>
   
       
    <br /> Привет  
     
</span>

<br /> 

<a id="setCookie" class="button"/> ставим куку и показываем страницу</a>  
        <a href="http://google.ru" class="buttonno">Валим отседова     »</a>
      </div>
  </div>

Текст страницыТекст страницыТекст страницыТекст страницы
</body>
</html>




Необходимо чтоб было затемнение всей страницы.


Может у кого есть простой готовый код.
Спасибо.
 

Вложения

  • kuk.zip
    2,8 KB · Просмотры: 1
Традиционный вопрос раздела: А при чём тут ПХП?
 
перед $("#popupBlock").show(); добавить что-то такое:
Код:
$("#popupBlock").before("<div id='backfon' style='display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:100;'></div>");
$("#backfon").fadeTo(300, 0.8);
$("#popupBlock").css("z-index","101");
а после $.cookie("popup", "24house", {expires: 0} ); добавить
Код:
$("#backfon").fadeTo(300, 0);
если нужно чтобы затемнение было не плавным, а мгновенным, заменить 300 на 0.
 
Горбушка вы правы. извиняюсь, модераторы перенесите пожалуйста тему.
Обычно пишу на php а тут что то ступил, не в той теме написал.
Вопрос решен.

P.S Огромное спасибо chirs.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху