加入收藏 | 会员中心 | 繁體中文 | 留言信息 | |
推 荐 阅 读

广 告 发 布 商

阅 读 排 行
 您现在的位置: 中国无边在线 >> 文章频道 >> 网页作坊 >> 特效代码 >> 文章正文
多种无边弹出窗口的制作,非常漂亮 【字体:

多种无边弹出窗口的制作,非常漂亮

本站虚拟主机供应商  来源:本站原创  点击: 

    收藏到QQ书签  


<script language=javascript>

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

minimizebar2="minimize20826.gif"; //鼠标悬停时最小化“按钮”的图片

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

closebar2="close20826.gif";       //鼠标悬停时关闭“按钮”的图片

icon="icon0826.gif";              //窗口左上角的小图标

function noBorderWin(fileName,w,h,titleBg,moveBg,titleColor,titleWord,scr)  //定义一个弹出无边窗口的函数,能数意义见下面“参数说明”,实际使用见最后的实例。

/*

------------------参数说明-------------------

fileName   :无边窗口中显示的文件。

w       :窗口的宽度。

h       :窗口的高度。

titleBg    :窗口“标题栏”的背景色以及窗口边框颜色。

moveBg     :窗口拖动时“标题栏”的背景色以及窗口边框颜色。

titleColor :窗口“标题栏”文字的颜色。

titleWord  :窗口“标题栏”的文字。

scr        :是否出现滚动条。取值yes/no或者1/0。

--------------------------------------------

*/

{

  var contents="<html>"+

               "<head>"+

         "<title>"+titleWord+"</title>"+

      "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">"+

      "<object id=hhctrl type='application/x-oleobject' classid='clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11'><param name='Command' value='minimize'></object>"+

      "</head>"+

               "<body topmargin=0 leftmargin=0 scroll=no onselectstart='return false' ondragstart='return false'>"+

      "  <table height=100% width=100% cellpadding=0 cellspacing=1 bgcolor="+titleBg+" id=mainTab>"+

      "    <tr height=18 style=cursor:default; onmousedown='x=event.x;y=event.y;setCapture();mainTab.bgColor=\""+moveBg+"\";' onmouseup='releaseCapture();mainTab.bgColor=\""+titleBg+"\";' onmousemove='if(event.button==1)self.moveTo(screenLeft+event.x-x,screenTop+event.y-y);'>"+

      "      <td width=18 align=center><img height=12 width=12 border=0 src="+icon+"> "+

      "      <td width="+w+"><span style=font-size:12px;color:"+titleColor+";font-family:宋体;position:relative;top:1px;>"+titleWord+"</span> "+

      "      <td width=14><img border=0 width=12 height=12 alt=最小化 src="+minimizebar+" onmousedown=hhctrl.Click(); onmouseover=this.src='"+minimizebar2+"' onmouseout=this.src='"+minimizebar+"'> "+

      "      <td width=13><img border=0 width=12 height=12 alt=关闭 src="+closebar+" onmousedown=self.close(); onmouseover=this.src='"+closebar2+"' onmouseout=this.src='"+closebar+"'> "+

      "    </tr>"+

      "    <tr height=*>"+

      "      <td colspan=4>"+

      "        <iframe name=nbw_v6_iframe src="+fileName+" scrolling="+scr+" width=100% height=100% frameborder=0></iframe>"+

      "       "+

      "    </tr>"+

      "  </table>"+

      "</body>"+

      "</html>";

  pop=window.open("","_blank","fullscreen=yes");

  pop.resizeTo(w,h);

  pop.moveTo((screen.width-w)/2,(screen.height-h)/2);

  pop.document.writeln(contents);

  if(pop.document.body.clientWidth!=w||pop.document.body.clientHeight!=h)  //如果无边窗口不是出现在纯粹的IE窗口中

  {

    temp=window.open("","nbw_v6");

 temp.close();

 window.showModalDialog("about:<"+"script language=javascript>window.open('','nbw_v6','fullscreen=yes');window.close();"+"</"+"script>","","dialogWidth:0px;dialogHeight:0px");

 pop2=window.open("","nbw_v6");

    pop2.resizeTo(w,h);

    pop2.moveTo((screen.width-w)/2,(screen.height-h)/2);

    pop2.document.writeln(contents);

 pop.close();

  }

}

</script>

<!----------------- 实例一(按钮),修改参数可改变窗口样式 ----------------->

<button onclick=noBorderWin('test0826.html','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','yes');>open</button>

<br><br>

<!----------------- 实例二(链接),修改参数可改变窗口样式 ----------------->

<a href=#none onclick=noBorderWin('test0826.html','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','yes');>open</a>

<br><br>

<!----------------- 实例三(图片),修改参数可改变窗口样式 ----------------->

<img src=none height=30 width=60 alt=open style="cursor:hand" onclick=noBorderWin('test0826.html','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','no');>无滚动条的

 

文章录入:烧饼    责任编辑:烧饼 
 
  • 上一篇文章:
  •                 
  • 下一篇文章:
  •  

      没有相关文章
    发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口



    中国无边在线
    www.wb889.com
    我的网络生活从这里开始……

      设为首页 / 加入收藏 / 友情链接 / 购买广告位 / 广告合作 / 用户留言 / 版权申明

    · 中国无边在线www.wb889.com 前身:烧饼工作室 欢迎转载·请勿盗链
    · 业务QQ:94125148 | 78533587 E-mail:wb889#126.com TEL:020-3157797*
    · ICP备案号:粤ICP备05123509号 我的网络生活从这里开始了……