Question

，
HI，

我需要一些帮助，请提前谢谢。

在我的网站中，当用户点击输入框时，会在该确切位置的输入框顶部打开一个新的div。

现在我需要补充一点，当div打开时，我需要将孔屏幕的背景变为黑色并具有一些不透明度，我认为它被称为叠加。

我希望你能在这里找到一些东西：

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

如果你将鼠标悬停在“在splunk上工作”一侧的div上。

我怎么能用jquery或其他任何东西做那样的事情。

非常感谢

Answer 1

您想使用jQuery UI Dialog Modal。

编辑： jQuery的Dialog方法会给你类似的效果，但通常用于onclick事件而不是mouseover / mouseout。看看你链接的页面上的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

这是caled'modal'，你可以使用jquery：
http://jqueryui.com/demos/dialog/#modal
http://www.queness.com/resources/html/modal/jquery-modal-window.html
http://dev.iceburg.net/jquery/jqModal/#examples

或者如果你还需要更多：
http://coderplus.com/2009/11/jquery-modal-boxes-to-improve-your-ui/

在某个div打开时禁用文档的背景

2 个答案: