╰☆╮温馨提示!!!╰☆╮
本站域名:www.108sj.com (很容易记哦)
首 页 | 精品画廊 | 平面设计 | 设计学院 | 电脑知识 | 网页制作 | 编程 | 模板 | 酷站 | 矢量 | PNG | GIF | PSD | 源码 | FLASH | 背景 | PS笔刷 | 字体 | 壁纸 | 办公 | 范文 | 论坛
您现在的位置: 108设计网 >> 网页制作 >> 网页特效 >> 网页制作正文

网页学院
Dreamweaver
FrontPage
HTML语言
CSS教程
JavaScript
网页配色
网页制作
网页特效
建站指南
网站运营
搜索优化
网页技巧
打开一个无边的窗口,效果非常酷的

作者:-    网页制作来源:-    点击数:    更新时间:2008-7-6

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

 

热门素材下载
本栏教程推荐
  • 此栏目下没有推荐网页制作
本栏热门教程
  • 此栏目下没有热点网页制作
相关文章
  • 没有相关网页制作
关于我们 | 版权声明 | 广告服务 | 合作伙伴 | 友情链接 | 联系我们 | 使用帮助 | 网站地图
Copyright 2006-2008 www.108sj.com All rights reserved.Best view by IE6.x 1024*768 版权所有:108设计网(www.108sj.com)
备案序号:粤ICP备06033717号 联系QQ:149161686(限广告与网站合作)