Skip to content

jQuery скрипт для блокировки экрана наложеным слоем, например при ajax запросах

Notifications You must be signed in to change notification settings

gitkv/jquery.overlay

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jQuery.overlay

jQuery скрипт для блокировки экрана наложеным слоем, например при ajax запросах

Пример использования:

простое использование

$.overlay.show(); // показать слой
$.overlay.hide(); // скрыть слой

установка параметров

var overlay = $.overlay({
    'element' : 'overlay', // селектор класса блока
    'time' : 300 // время за которое отобразится или скроется слой
});
overlay.show();
overlay.hide();

Добавление класса слою перед показом, удобно при ajax запросах отображать прелоадер

var overlay = $.overlay();
overlay.show('some_class');
overlay.hide('some_class');

CSS пример

более расширеный пример можно взять в demo

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.5);
}

About

jQuery скрипт для блокировки экрана наложеным слоем, например при ajax запросах

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published