按钮打开窗口效果-JS特效-爱易网页

按钮打开窗口效果

日期：2014-05-18　浏览次数：20601 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明: 
 
把如下代码加入<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>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

按钮打开窗口效果

相关资料更多>

推荐阅读更多>