Простое модальное отделение в jQuery?
Я попробовал почти весь jQuery Модальные плагины, которые я могу найти в сети, но они - все очень к большому для того, в чем я нуждаюсь. Мне не нужны все необычные функции, я хочу смочь открыться, отделение и иметь фон страницы идут прозрачный серый как фотография ниже и сделали, чтобы мое отделение было сверху его, который является всем, что я должен сделать так, я хотел бы записать некоторый jQuery, чтобы сделать это вместо того, чтобы использовать большой плагин. У кого-либо есть какой-либо маленький код, который может сделать эту задачу? Действительно ли прозрачный фон является изображением или просто CSS?
6 ответов
Редактирование: это, очевидно, устарело. Поэтому, пожалуйста, обратитесь к Endrew Odri Post ниже.
Я не знаю, насколько вы хороши в CSS и JavaScript, но ваш запрос не должен быть трудно сделать сами.
body, html { margin:0; padding:0; }
#modalTabelGray
{
position:absolute;
width:100%;
height:100%;
background-color:#000000;
filter:alpha(opacity=60);
opacity:0.6;
-moz-opacity:0.6;
z-index:100;
text-align:center;
vertical-align:middle;
}
#modalDiv
{
position:absolute;
z-index:101;
}
Я не проверил код, не может работать, но вы получите идею.
Я бы не Рекомендовать jQuery ui - это огромно и overcomplex для этой простой задачи. Вот некоторые другие плагины:
Вы можете использовать jQuery ui, который имеет диалоговый плагин, который поддерживает модаль .. http://jqueryui.com/demos/dialog/#modal
. Размер, установите его непрозрачность до 50% (0,5), а также уловить и остановить все события, чтобы сделать его модальным. Затем отобразите свой DIV на вершине этого ..
Назвать другой плагин для этой задачи - nyromodal, который я нахожу простым в использовании, но все же предлагает множество настроек, если вам это понадобится (позже)
.Я использовал диалог jQuery UI для этого. http://jqueryui.com/