30、打开一个无边的窗口,效果也是很酷的

30、打开一个无边的窗口,效果也是很酷的

脚本说明:

 

把如下代码加入<body>区域中

 <script language=javascript>

 

minimizebar="sto/minimize0604.gif"; //nbw窗口右上角最小化“按钮”的图片

closebar="sto/close0604.gif";       //nbw窗口右上角关闭“按钮”的图片

icon="sto/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.7stk.com','300','240','#000000','#CCCCCC','一个无边窗口的测试例子','#000000','no');>打开无边窗口</button>

 

Write a comment

Comments: 0