如何在弹出窗口中显示整个页面(Jquery)

时间:2012-03-21 08:49:46

标签: jquery

我希望以300 * 300的弹出窗口显示整页。是否可能? 如果是,那么我该怎么做呢。请回复你的宝贵答案。 感谢!!!

2 个答案:

答案 0 :(得分:0)

我建议你看一下jquery'fancybox'插件。 使用fancybox,您可以在弹出窗口中打开整个页面,并在必要时指定大小。

针对您的具体案例的一些示例代码:

html部分:(带有指向要在弹出窗口中打开的页面的链接的按钮):

<a class="extLink" href="http://www.openedInIframe.com">This goes to iframe</a>

javascript部分:(将fancybox绑定到按钮,这是magin发生的地方)

    $(document).ready(function() {  
         $(".extLink").fancybox({  
              'width' : '300',  
              'height' : 300',  
              'autoScale' : false,  
              'type' : 'iframe'  
          });   
    });

有关如何在您的网页中实施fancybox的更多信息:http://fancybox.net

答案 1 :(得分:0)

来自Yen Design的Popup.js适合我。可根据您的需求定制,非常小!

Example