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');
более расширеный пример можно взять в 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); }