Javascript 弹出式块-jQuery

我希望在页面内有一个容器，在激活时占据页面的整个宽度，并覆盖在其他所有内容上。这是我目前拥有的，但它没有按照我的要求工作：

$(function() {
    $('.main a').click( function() {
        var href = $(this).attr('href');
        $(href).animate({
            width: [940, 'swing'],
            height: [500, 'swing'],
            opacity: 'toggle'
        }, 500, 'linear');
        return false;
    });
});

---

谢谢

您应该通过CSS进行设置

position:absolute;
z-index: 10; /* or higher */
top: 0;
left: 0;

到您的可扩展div

当你打开它们时，你可以用

$(href).animate({
      width: [$('body').width(), 'swing'],
      height: [$('body').height(), 'swing'],
      opacity: 'toggle'
}, 500, 'linear');

或者使用$（'html'）或静态大小代替$（'body'）