全新无边框窗口的制作的一个例子


      <html> 

<head> 
<script language=javascript> 

minimizebar="minimize.gif"; //窗口右上角最小化“按钮”的图片 
minimizebar2="minimize2.gif"; //鼠标悬停时最小化“按钮”的图片 
closebar="close.gif"; //窗口右上角关闭“按钮”的图片 
closebar2="close2.gif"; //鼠标悬停时关闭“按钮”的图片 
icon="icon.gif"; //窗口左上角的小图标 

function noBorderWin(fileName,w,h,titleBg,moveBg,titleColor,titleWord,scr) //定义一个弹出无边窗口的函数，能数意义见下面“参数说明”，实际使用见最后的实例。 
/* 
------------------参数说明------------------- 
fileName ：无边窗口中显示的文件。 
w　　　　 ：窗口的宽度。 
h　　　　 ：窗口的高度。 
titleBg ：窗口“标题栏”的背景色以及窗口边框颜色。 
moveBg ：窗口拖动时“标题栏”的背景色以及窗口边框颜色。 
titleColor ：窗口“标题栏”文字的颜色。 
titleWord ：窗口“标题栏”的文字。 
scr ：是否出现滚动条。取值yes/no或者1/0。 
-------------------------------------------- 
*/ 
{ 
var contents="<html>"+ 
"<head>"+ 
"<title>"+titleWord+"</title>"+ 
"<meta http-equiv="Content-Type" content="text/html; charset=gb2312">"+ 
"<object id=hhctrl type=application/x-oleobject classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11><param name=Command value=minimize></object>"+ 
"</head>"+ 
"<body topmargin=0 leftmargin=0 scroll=no onselectstart=return false ondragstart=return false>"+ 
" <table height=100% width=100% cellpadding=0 cellspacing=1 bgcolor="+titleBg+" id=mainTab>"+ 
" <tr height=18 style=cursor:default; onmousedown=x=event.x;y=event.y;setCapture();mainTab.bgColor=""+moveBg+""; onmouseup=releaseCapture();mainTab.bgColor=""+titleBg+""; onmousemove=if(event.button==1)self.moveTo(screenLeft+event.x-x,screenTop+event.y-y);>"+ 
" <td width=18 align=center><img height=12 width=12 border=0 src=http://www.zzzyk.com/htmldata/2005-03-27/"+icon+"></td>"+ 
" <td width="+w+"><span style=font-size:12px;color:"+titleColor+";font-family:宋体;position:relative;top:1px;>"+titleWord+"</span></td>"+ 
" <td width=14><img border=0 width=12 height=12 alt=最小化 src="http://www.zzzyk.com/htmldata/2005-03-27/+minimizebar+" onmousedown=hhctrl.Click(); onmouseover=this.src="http://www.zzzyk.com/htmldata/2005-03-27/+minimizebar2+" onmouseout=this.src=http://www.zzzyk.com/htmldata/2005-03-27/"+minimizebar+"></td>"+ 
" <

补充：网页制作,设计基础