Question

我想创建类似于此网站所示的弹出窗口。 http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/

在此处尝试在线示例 http://yensdesign.com/tutorials/popupjquery/

这是负责显示POPUP WINDOW的代码。

<html> 
<head>


    <link rel="stylesheet" href="general.css" type="text/css" media="screen" />
    <script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    var popupStatus = 0;

    function loadPopup(){

if(popupStatus==0){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1;
}
}
</script>
</head>
<body>
    <center>
                <div id="button"><input type="submit" value="Press me please!"  onclick="loadPopup();"/></div>
    </center>
    <div id="popupContact">
        Hi 
    </div>
    <div id="backgroundPopup"></div>
</body>
</html>

这里作者正在显示一个弹出窗口。我想要的是我已经有一个现有页面（Charts.html），我希望将其显示为具有相似风格的POP UP窗口，这可能吗？

Answer 1

在iframe中显示Charts.html。

Answer 2

绝对 - 如果你想让它变得非常简单，你只需将charts.html放在iFrame中，例如fancybox（http://fancybox.net/howto检查4 - ＆gt; iFrame）。然后你可以设置css样式以适合您的网站。你当然可以对你所展示的网站上的代码做同样的事情。

我想使用本网站所示的类似Pop UP样式

2 个答案: