标题 | 弹出无边窗口 |
内容 | 弹出无边窗口,弹出无边窗口 <html> <head> <script language=javascript> minimizebar=minimize.gif; //窗口右上角最小化“按钮”地图片 minimizebar2=minimize2.gif; //鼠标悬停时最小化“按钮”地图片 closebar=close.gif; //窗口右上角关闭“按钮”地图片 closebar2=close2.gif; //鼠标悬停时关闭“按钮”地图片 icon=icon.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><img height=12 width=12 border=0 src=+icon+></td>+ <td width=+w+><span style=font-size:12px;color:+titlecolor+;font-family:宋体;position:relative;top:1px;>+titleword+</span></td>+ <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>+ <td width=13><img border=0 width=12 height=12 alt=关闭 src=+closebar+ onmousedown=self.close(); onmouseover=this.src='+closebar2+' onmouseout=this.src='+closebar+'></td>+ </tr>+ <tr height=*>+ <td colspan=4>+ <iframe name=nbw_v6_iframe src=+filename+ scrolling=+scr+ width=100% height=100% frameborder=0></iframe>+ </td>+ </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> </head> <body> <!----------------- 实例一(按钮),修改参数可改变窗口样式 -----------------> <button onclick=noborderwin('test.html','400','240','#000000','#333333','#cccccc','一个无边窗口地测试例子','yes');>open</button> <br><br> <!----------------- 实例二(链接),修改参数可改变窗口样式 -----------------> <a href=#none onclick=noborderwin('test.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('test.html','400','240','#000000','#333333','#cccccc','一个无边窗口地测试例子','no');>无滚动条地 </body> </html> |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。