singlepost

Помогите пожалуйста! << На главную или назад  

На сайте Смешариков после щелчка по ссылке "уже смешарик?" появляется небольшое "окошко", но меня интересует фон страницы. Он стал серым, но полупрозрачным. Как так сделать?

Вот ссылка:
http=//www_smeshariki_ru/Nysha/questions_aspx
Вставьте точки вместо _ и двоеточие вместо =.
Когда пройдёте по ссылке, нажмите "уже смешарик?".

5 ответов в теме “Помогите пожалуйста!”

  1. 1
    Елена Карлова ответил:

    это джаваскриптовый фейдер(прозрачность ставится с помощью js) Напиши в аську – расскажу подробности

  2. 2
    Максим Смирнов ответил:

    Я понимаю, что Java script. Я выучил его почти весь, но ни разу с этим не сталкивался. Ну всё же, как такое сделать?

  3. 3
    Елена Карлова ответил:

    перед </body> вписывается <div id="fader"></div>(пустой) и <div class="popup"></div> с содержимым твоего всплывающего окошка.

    стили:

    #fader {
    background:none repeat scroll 0 0 #000000;
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:9990;
    }
    div.popup {
    background:none repeat scroll 0 0 #FFFFFF;
    display:none;
    left:50%;
    margin:0 0 0 -300px;
    padding:30px 37px 90px;
    position:absolute;
    top:100px;
    width:586px;
    z-index:9991;
    }
    body {
    height:100%;
    position:relative;
    }
    html{height:100%;}

    для ие(в ие.цсс):

    #fader{
    position:absolute;
    height:expression((document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.documentElement.clientHeight > document.body.offsetHeight ? document.documentElement.clientHeight : document.body.offsetHeight) + 'px');
    }

    и, собственно, жс:

    $(document).ready(function(){
    initPopup();
    });
    function initPopup(){
    if ( $('#fader').length == 0 ) return false;

    $('#fader').css('opacity','0.6');

    $('div.popup a.close').click(function(){ //как зовут закрывающую ссылку
    $('div.popup').css('display','none');
    $('#fader').fadeOut(1000);

    return false;
    });

    $('#main a.popup').click(function(){ //как зовут открывающую ссылку
    $('#fader').fadeIn(1000,function(){
    $('#regler').css({
    'top': ( self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop) ),
    'display':'block'
    });

    });
    return false;
    });

    }

  4. 4
    Максим Смирнов ответил:

    Спасибо!

  5. 5
    Елена Карлова ответил:

    а..забыла сказать, что должен быть подключен jquery

Ответить

Пожалуйста, зарегистрируйтесь для комментирования.

Клуб программистов работает уже ой-ой-ой сколько, а если поточнее, то с 2007 года.