|
Один из часто используемых трюков при программировании UI с помощью jQuery - выключение света. Попробуйте
кликнуть на следующей ссылке и "выключить" сайт:
Погасить свет
Как это делается? Простой div на весь экран и соответствующий CSS:
<div class="lightsout"></div>
.lightsout {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
z-index:25;
background:#000;
}
Растягиваем элемент на весь экран, по клику показываем и убираем
$('.lightsout').css("height", jQuery(document).height());
$('a[rel="lightsoff"]').click(function() {
$('.lightsout').fadeIn("slow");
});
$('.lightsout').click(function() {
$('.lightsout').fadeOut("slow");
});
Типичное использование - модальные диалоги, например
|
