ChWindows应用指南

发布时间:2007年02月01日      浏览次数:1256 次
将下面的代码复制到 <body> 内 [复制到你准备调用ChromelessWindow的页面]你可按注释的地方修改.
<script language="javascript" type="text/javascript" src="pz_chromeless.js"></script>
<script>
function openIT() {
theurl="e12301000.htm" //新打开的文件名
wname ="CHROMELESSWIN" //新窗口的标题
W=785; //长度
H=270; //高度
windowCERRARa = "imgs/close_a.gif"
windowCERRARd = "imgs/close_d.gif"
windowCERRARo = "imgs/close_o.gif"
windowTIT = "<font face=verdana size=1> ?window title</font>" //标题
windowBORDERCOLOR = "#000000" //ChromelessWin的框边颜色
windowBORDERCOLORsel = "#FFFFFF" //移动时的边框颜色
windowTITBGCOLOR = "#e0e0e0" //标题的底色
windowTITBGCOLORsel = "#a0a0a0" //移动时标题的底色
openchromeless(theurl, wname, W, H, windowCERRARa, windowCERRARd, windowCERRARo,
windowTIT, windowBORDERCOLOR, windowBORDERCOLORsel, windowTITBGCOLOR, windowTITBGCOLORsel)
}
</script>
<a href="javascript:openIT();">点这里打开一个ChromelessWindow的例子</a>
程序使用到的页面与程序列表://你可以使用右键选另存为把页面保存下来.
1.chromeless.html //一个Frameset的文件,你可以按需要修改,默认可以一修改.
<HTML>
<HEAD>
<TITLE> ?chromeless window 1.0</TITLE>
<META NAME="Author" CONTENT="(c) microbians.com / Gabriel Suchowolski / power[z]one - powerz@microbians.com">
</HEAD>
<frameset border=0 framespacing=0 frameborder=0 rows="22,100%,1">
<frame name=chromewint src="chromelesstit.html" scrolling=no noresize>
<frameset border=0 framespacing=0 frameborder=0 cols="1,100%,1">
<frame name=chromewinl src="about:blank" scrolling=no noresize>
<frame name=main src="contacting.html">
<frame name=chromewinr src="about:blank" scrolling=no noresize>
</frameset>
<frame name=chromewinb src="about:blank" scrolling=no noresize>
</frameset>
</HTML>
2.chromelesstit.html //显示标题栏的信息,详细的代码如下 //注意红色字体的部分.
<html>
<head>
<TITLE> ?chromeless window 1.0 (title)</TITLE>
<META NAME="Author" CONTENT="(c) microbians.com / Gabriel Suchowolski / power[z]one - powerz@microbians.com">
<style type="text/css">
#mywindowTITLE { position: absolute; left: 0px; top: 0px; width: 100%; height: 22px; z-index: 1; background-color: #ffffff; clip:rect(0,100%,22,0); }
#mywindow { position: absolute; left: 0px; top: 0px; width: 100%; height: 22px; z-index: 2; clip:rect(0,100%;22,0); }
#mywindowCLOSE { position: absolute; left: -22px; top: -22px; width: 11px; height: 11px; z-index: 3; clip:rect(0,11,11,0); }
</style>
<script language="javascript" type="text/javascript" SRC="pz_chromelesstit.js"></script>
</head>
<body onload="init()" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 scroll=no style="border: 1px solid #000000; overflow: hidden; margin: 0pt;" bgcolor=#ffffff>
<div id=mywindow><img src=imgs/none.gif width=100% height=20></div>
<div id=mywindowTITLE><img width=1 height=1></div>
<div id=mywindowCLOSE><img name=closewin src=imgs/none.gif border=0 width=11 height=11></div>
</body>
</html>
3.contacting.html //读取页面时的Loading的页面,详细的代码如下 //你只需要改动代码中红色字体的部分. [可以试试改为正在"读取所需要的文件"等等]
<html>
<head>
<style type='text/css'>
body { border: 0px; overflow: hidden; margin: 0pt;}
#stillloadingDiv { position: absolute; left: 0px; top: 0px; width: 100%; height: 19px; z-index: 1; background-color: #C0C0C0; layer-background-color: #C0C0C0; clip:rect(0,100%,19,0);}
</style>
</head>
<body TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 scroll='no'>
<div id=stillloadingDiv><table width=100% height=22 cellspacing=0 cellpadding=0><tr><td align=left valign=middle width=100%><FONT size=1 face=verdana color=#000000>  c o n t a c t i n g . . .</font></td></tr></table></div>
</body>
</html>
4.pz_chromeless.js 内嵌于使用指南第一步内的脚本 <script language="javascript" type="text/javascript" src="pz_chromeless.js"></script>
5.pz_chromelessit.js 内嵌于chromelesstit.html页面内的JS脚本,注意文件路径要修改好.
关于第二步的总结:文件好象比较多,但这一步内的文件完全可以不修改,但也可以按需要修改
最简单使用法:点这里下载这五个文件的打包文件与图片 解开到一个目录下,在此目录下新建一个html文件,按第一步加入相关代码。注意新打开的Cwindow的文件是否存在,如果没有,你需要建立一个,如我使用的就是e12301000.htm.
文章来源:http://www.aspxboy.com/myjs/baoku/0146.htm
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!