Jquery DIV出现在屏幕中间 我有一个按钮，我想要（点击）有一个div出现在屏幕中间。 它的页面有点长，所以用户可能在页面上——比如说一半向下——当点击一个按钮（具有这个功能）时，它会在屏幕的中间出现一个div。

我怎样才能做到这一点呢？

Hmmm是否考虑使用对话框插件？ 否则

HTML

JQUERY

$(document).ready(function() {

    $('#dialog').hide();

    $('#makedialog').click(function() {
        $('#dialog').slideDown();
    });

});

---

亚当，你真的试过任何代码来实现你想要的吗？如果是这样的话，把你的东西贴出来，我们可以帮助你！事实上，你的问题是模糊的，在div里发生了什么？它是显示在所有内容的顶部还是与页面内联

一个非常简单的示例是在按钮后添加div：

$('.btn').click(function() {
    var div = '<div class="newDiv">Hi I`m your new div!</div>';
    $(this).after(div);
});

$（'.btn'）。单击（函数（）{
var div='嗨，我是你的新div！'；
美元（本）。在（div）之后；
});

如果你想让某个东西出现在页面中间，我建议使用插件，比如：

$（'.btn'）。单击（函数（）{
var div='嗨，我是你的新div！'；
$.fancybox（部门{
“填充”：0，
“transitionIn”：“无”，
“transitionOut”：“无”，
“changeFade”：0
});
});

---

注意：您需要下载并托管fancybox插件……

您可以在没有插件的情况下实现这一点：

HTML:

使用插件没有什么错，它们通常可以节省时间，但也不能代替知道插件在做什么——在这种情况下，它将应用什么CSS

---

以后您应该发布示例代码，否则看起来您自己还没有尝试回答这个问题。

对不起-我不知道从哪里开始。。。谢谢回复，从现在起我将一直发布代码。

$(document).ready(function() {

    $('#dialog').hide();

    $('#makedialog').click(function() {
        $('#dialog').slideDown();
    });

});

$('.btn').click(function() {
    var div = '<div class="newDiv">Hi I`m your new div!</div>';
    $(this).after(div);
});

$('.btn').click(function() {
    var div = '<div class="newDiv">Hi I`m your new div!</div>';
    $.fancybox(div, {
        'padding'            : 0,
        'transitionIn'        : 'none',
        'transitionOut'        : 'none',
        'changeFade'        : 0
    });

});

<div id="foo">Hello, World!</div>

$("div#foo").css({
    position: "fixed",
    top: "50%",
    left: "50%",
    height: "100px",
    width: "200px",
    margin: "-50px -100px",
    background: "teal"
})
.hide().slideDown("slow");