Как перекрыть всю веб-страницу слоем на JQuery

Начну с того, что топовый слой, который перекрывает всю веб-страницу разом часто используется в различного рода всплывающих окнах и т.п. вещах. Сегодня я покажу одну из вариаций на тему создания аналогичного элемента с применением JQuery. Смотрим листинг, размещенный далее.

jQuery(document).ready(function($) {

    var visotaDokumenta = $(document).height();
    $("body").append("<div id='zalivka'></div>");
    $("#zalivka")
            .height(visotaDokumenta)
            .css({
        'background-color': '#000000',
        'width': '100%',
        'opacity': 0.7,
        'position': 'absolute',
        'left': 0,
        'top': 0,
        'z-index': 19999
    });

});

В показанном выше программном коде:

  • opacity - задает прозрачность накладываемого слоя;
  • background-color - задает цвет заливки.




© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.