接着再把无边窗口所需要的效果图片也复制到images文件夹下。
然后把刚刚编辑好的首页面用Dreamweaver打开，按下Ctrl+Shift+W键打开Head部分窗口，点击这个窗口使窗口的背景变为白色。然后点击对象面板右上角的小三角，在弹出的菜单中选择invislbles选项，切换到invislblesinvislbles对象面板。

点击invislbles对象面板中的insert Script（插入脚本）按扭，在insert script对话框中直接点击Ok按扭。点选Head窗口中的最后一个教本图标。

点击属性面板Source文本框后面的浏览文件夹图标。

在Select script file对话框中选择js文件夹下的chromeless_30.js。
再次点击对象面板中的insert Script（插入脚本）按扭，打开insert Script对话框。将以下函数的所有代码复制到insert Script对话框的Content文本框中。然后点击Ok按扭。

函数如下：
function openIT(theURL,W,H,X,Y, wname) {
CLOSEdwn = "images/close_dwn.gif"
CLOSEup = "images/close_up.gif"
CLOSEovr = "images/close_ovr.gif"
MINIdwn = "images/mini_dwn.gif"
MINIup = "images/mini_up.gif"
MINIovr = "images/mini_ovr.gif"
NONEgrf = "images/none.gif"
CLOCKgrf = "images/clock.gif"
titHTML = "<font color='#FFFFFF' style='font-size:12px'> :: 美丽新视界 ::.</font>"
titWIN = " :: 美丽新视界 ::.
winBORDERCOLOR = "#000000"
winBORDERCOLORsel = "#CCCCCC"
winBGCOLOR = "#6666FF"
winBGCOLORsel = "#ADC8E5"
return openchromeless(theURL, wname, W, H, X, Y, NONEgrf, CLOSEdwn, CLOSEup, CLOSEovr, MINIdwn, MINIup, MINIovr, CLOCKgrf, titHTML, titWIN, winBORDERCOLOR, winBORDERCOLORsel, winBGCOLOR, winBGCOLORsel)
}
在该函数中，共有十四个变量，CLOCKgrf以上所有的变量均是定义无边窗口效果图片的路径，变量titHTML 和titWIN定义的是窗口的标题；变量winBORDERCOLOR和变量winBORDERCOLORsel分别定义的是窗口边框的颜色以及按下鼠标时遍框的颜色；变量winBGCOLOR和winBGCOLORsel分别定义的是标题部分的颜色以及按下鼠标时标题部分的颜色。另外函数一共拥有六个参数，它们分别是theURL，W，H，X，Y， wname。其中theURL表示的是要打开的目标文档的路径；w代表打开窗口的宽度；h代表的是打开窗口的高度；x表示窗口左上角在屏幕中的横坐标；y表示窗口左上角在屏幕中的纵坐标；参数wname表示该窗口的名称。
最后将该首页的内容“超酷无边窗口”几个字中的无边窗口四字做上链接，在属性面板中将Link（链接）文本框中的值改为“#;”，然后保存。

编辑器打开该首页，找到<a href="#;"在后面加上onclick="mywin=openIT('index3.htm',400,400,null,null,'mywin')" 然后保存，注意openIt后面括号内容的第一项是内容页面相对于首页面的路径。
在浏览器中打开index.htm，点击“无边窗口”，查看效果。

由于本人能力有限，上面的制作过程难免有不足之处。其实无边窗口的制作方法有好多种，最简单的一种便是利用Dreamweaver的插件来实现。我写此文章的目的是让大家真真切切的明白无边窗口的制作原理，这样对于刚刚接触javascript的网友是有很大的帮助的，让大家制作完成后有一种真正的成就感。该窗口的具体效果大家可以到www.htmlcn.com去感受一下，有什么好的意见可以写信chinayxf@hotmail.com与我联系，今天就到这里吧。