0顶

按钮打开窗口效果

稿源：互联网 2022-08-12 06:43:28 点击： 202 撤稿纠错

通过按钮打开一个无边的窗口，效果也是很酷的。

以下讨论的是和按钮特效相关的按钮打开窗口效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明: 
 
把如下代码加入<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.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于按钮打开窗口效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071696341.shtml方便下次再访问哦。

·上一篇： 按百分比显示网页载入页面
·下一篇： 用函数控制弹出窗口

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

按钮打开窗口效果

文章分类LIST >>返回首页

最新游戏

最新新闻