отключение фона документа при открытии определенного div

Question

,
HI,

Мне нужна помощь в этом, заранее спасибо.

На моем сайте я вижу, что когда пользователь нажимает на поле ввода, тоновый div открывается в верхней части окна ввода в этом месте.

Теперь мне нужно добавить, что когда открывается этот div, мне нужен фон экрана дыры, чтобы стать черным с некоторой непрозрачностью, я думаю, это называется наложением.

что-то вроде того, что я хочу, вы можете найти здесь:

http://www.omnipotent.net/jquery.sparkline/

, если вы наводите курсор мыши на div на стороне, котораяговорит "давай работать на спланке".

Как я могу сделать что-то подобное с помощью jquery или чего-то еще.

Большое спасибо

Answer 1

Вы хотите использовать jQuery UI Dialog Modal .

Edit: Метод Dialog jQuery даст вам аналогичный эффект, но обычно используется для событий onclick, а нечем наведение мышиВзгляните на код javascript на странице, на которую вы ссылались (вокруг строки 356), и вы увидите:

$('#splunkjobs').mouseenter(function() {
    // make element absolute, positioned over the top of the float and resize
    $('<div id="shade"></div>').
    appendTo('body').
    css('height', $(document).height()).
    animate({opacity: 0.6}); 

По сути, это создает объект, который покрывает страницу, а затем постепенно ее затухает.

Я все еще думаю, что использование диалогового окна для вашей кнопки предпочтительнее (и намного проще).

Answer 2

это называется 'модальным', вы можете использовать jquery:http://jqueryui.com/demos/dialog/#modalhttp://www.queness.com/resources/html/modal/jquery-modal-window.htmlhttp://dev.iceburg.net/jquery/jqModal/#examplesили если вам все еще нужно больше:http://coderplus.com/2009/11/jquery-modal-boxes-to-improve-your-ui/