电脑技术学习

网页特效:打开一个无边的窗口

dn001

脚本说明:

把如下代码加入<body>区域中
<script language=javascript>

minimizebar="images/minimize0604.gif"; //nbw窗口右上角最小化“按钮”的图片
closebar="images/close0604.gif";;;;;//nbw窗口右上角关闭“按钮”的图片
icon="images/icon0604.gif";;//nbw窗口左上角的小图标

function noBorderWin(fileName,w,h,titleBg,titleColor,titleWord,borderColor,scr)
/*
------------------参数说明-------------------
fileName:无边窗口中显示的文件。
w    :窗口的宽度。
h    :窗口的高度。
titleBg;:窗口“标题栏”的背景色。
titleColor :窗口“标题栏”文字的颜色。
titleWord; :窗口“标题栏”的文字。
borderColor:窗口“边框”的颜色。
scr;;;;;:是否出现滚动条。取值yes/no或者1/0。
--------------------------------------------
*/
{
nbw=window.open('','','fullscreen=yes');
nbw.resizeTo(w,h);
nbw.moveTo((screen.width-w)/2,(screen.height-h)/2);
nbw.document.writeln("<title>"+titleWord+"</title>");
nbw.document.writeln("<"+"script language=javascript"+">"+"cv=0"+"<"+"/script"+">");
nbw.document.writeln("<body topmargin=0 leftmargin=0 scroll=no>");
nbw.document.writeln("<table cellpadding=0 cellspacing=0 width=300 height=100% style="border: 1px solid "+borderColor+"">");
nbw.document.writeln("; <tr bgcolor="+titleBg+" height=20 onselectstart='return false' onmousedown='cv=1;x=event.x;y=event.y;setCapture();' onmouseup='cv=0;releaseCapture();' onmousemove='if(cv)window.moveTo(screenLeft+event.x-x,screenTop+event.y-y);'>");
nbw.document.writeln(";<td width=21 align=left><img width=12 width=12 src="+icon+"></td>");
nbw.document.writeln(";<td style="font-family:宋体; font-size:12px; color:"+titleColor+";"><span style='top:1;position:relative;cursor:default;'>"+titleWord+"</span></td>");
nbw.document.writeln(";<td align=right width=30 style=font-size:16px>");
nbw.document.writeln(";;;<img border=0 width=12 height=12 alt=最小化 src="+minimizebar+" onclick=window.blur();>");
nbw.document.writeln(";;;<img border=0 width=12 height=12 alt=关闭 src="+closebar+" onclick=window.close();>");
nbw.document.writeln(";</td>");
nbw.document.writeln("; </tr>");
nbw.document.writeln("; <tr>");
nbw.document.writeln(";<td colspan=3><iframe frameborder=0 width=100% height=100% scrolling="+scr+" src="+fileName+"></iframe></td>");
nbw.document.writeln("; </tr>");
nbw.document.writeln("</table>");
}
</script>
<!----------------- 一个应用的例子 ----------------->
<button onclick=noBorderWin('http://www.hcwz.net','300','240','#000000','#CCCCCC','一个无边窗口的测试例子','#000000','no');>打开无边窗口</button>