Javascript弹出窗口

Javascript pop-up window

本文关键字:窗口 Javascript      更新时间:2023-09-26

我从"www.hotscripts.com", http://www.advancebydesign.com/itemdetails.php?item=15复制了这段代码。它所做的只是在屏幕中间显示一个简单的窗口。

需要三个非常简单的步骤:

1)创建按钮<input type="button" onclick='Javascript:my_box.Show();' value="Show Popup Box">

2)将其纳入封头<script language="Javascript" type="text/Javascript" src="jscpopupbox.js"></script>

3),也添加到头部:

my_box = new jscPopupBox();
my_box.width = 400;
my_box.height = 450;
content_html = "<div style='"padding:0;height:30px;margin:0;border:none;";
content_html+= "background-color:#CCF;clear:both;'"><input type='"button'" ";
content_html+= "style='"float:right;height:26px;width:26px;'" value='"X'" ";
content_html+= "onclick='my_box.Hide();'></div>'n";
content_html+= "<iframe src='"../license.txt'" width='"100%'" style='"";
content_html+= "border:none;padding:0;margin:0;'" height='"420px'"></iframe>";
my_box.html = content_html;

我不明白的是为什么我的网站上的窗口出现在左上角,而不是在中间。我没有接触源代码,当我在一个普通的HTML页面上尝试它时,它似乎可以工作。我的CSS干扰了吗?

您可能想看看使用jQuery UI Dialog