我需要关于怎样编写一个弹出界面的代码,望大虾们帮忙,小虾不胜感激

单击某超连接可以弹出一个漂亮的界面,用程序控制该界面的大小,风格等!
谢谢!!
---------------------------------------------------------------

 1<html>
 2<head>
 3<script language="javascript">   
 4  
 5minimizebar="minimize.gif"; //窗口右上角最小化“按钮”的图片   
 6minimizebar2="minimize2.gif"; //鼠标悬停时最小化“按钮”的图片   
 7closebar="close.gif"; //窗口右上角关闭“按钮”的图片   
 8closebar2="close2.gif"; //鼠标悬停时关闭“按钮”的图片   
 9icon="icon.gif"; //窗口左上角的小图标   
10  
11function noBorderWin(fileName,w,h,titleBg,moveBg,titleColor,titleWord,scr) //定义一个弹出无边窗口的函数,能数意义见下面“参数说明”,实际使用见最后的实例。   
12/*   
13\------------------参数说明-------------------   
14fileName :无边窗口中显示的文件。   
15w :窗口的宽度。   
16h :窗口的高度。   
17titleBg :窗口“标题栏”的背景色以及窗口边框颜色。   
18moveBg :窗口拖动时“标题栏”的背景色以及窗口边框颜色。   
19titleColor :窗口“标题栏”文字的颜色。   
20titleWord :窗口“标题栏”的文字。   
21scr :是否出现滚动条。取值yes/no或者1/0。   
22\--------------------------------------------   
23*/   
24{   
25var contents="<html>"+   
26"<head>"+   
27"<title>"+titleWord+"</title>"+   
28"<meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">"+   
29"<object id=hhctrl type='application/x-oleobject' classid='clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11'><param name='Command' value='minimize'></object>"+   
30"</head>"+   
31"<body topmargin=0 leftmargin=0 scroll=no onselectstart='return false' ondragstart='return false'>"+   
32" <table height=100% width=100% cellpadding=0 cellspacing=1 bgcolor="+titleBg+" id=mainTab>"+   
33" <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);'>"+   
34" <td width=18 align=center><img height=12 width=12 border=0 src="+icon+"></td>"+   
35" <td width="+w+"><span style=font-size:12px;color:"+titleColor+";font-family:宋体;position:relative;top:1px;>"+titleWord+"</span></td>"+   
36" <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>"+   
37" <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>"+   
38" </tr>"+   
39" <tr height=*>"+   
40" <td colspan=4>"+   
41" <iframe name=nbw_v6_iframe src="+fileName+" scrolling="+scr+" width=100% height=100% frameborder=0></iframe>"+   
42" </td>"+   
43" </tr>"+   
44" </table>"+   
45"</body>"+   
46"</html>";   
47  
48pop=window.open("","_blank","fullscreen=yes");   
49pop.resizeTo(w,h);   
50pop.moveTo((screen.width-w)/2,(screen.height-h)/2);   
51pop.document.writeln(contents);   
52  
53if(pop.document.body.clientWidth!=w ¦ &brvbarpop.document.body.clientHeight!=h) //如果无边窗口不是出现在纯粹的IE窗口中   
54{   
55temp=window.open("","nbw_v6");   
56temp.close();   
57window.showModalDialog("about:<"+"script language=javascript>window.open('','nbw_v6','fullscreen=yes');window.close();"+"</"+"script>","","dialogWidth:0px;dialogHeight:0px");   
58pop2=window.open("","nbw_v6");   
59pop2.resizeTo(w,h);   
60pop2.moveTo((screen.width-w)/2,(screen.height-h)/2);   
61pop2.document.writeln(contents);   
62pop.close();   
63}   
64}   
65</script>
66</head>
67<body>
68<!----------------- 实例一(按钮),修改参数可改变窗口样式 ----------------->
69<button onclick="noBorderWin('input.htm','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','yes');">open</button>
70<br/><br/>
71<!----------------- 实例二(链接),修改参数可改变窗口样式 ----------------->
72<a href="#none" onclick="noBorderWin('input.htm','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','yes');">open</a>
73<br/><br/>
74<!----------------- 实例三(图片),修改参数可改变窗口样式 ----------------->
75<img alt="open" height="30" onclick="noBorderWin('input.htm','400','240','#000000','#333333','#CCCCCC','一个无边窗口的测试例子','no');" src="none" style="cursor:hand" width="60"/>无滚动条的   
76  
77</body>
78</html>
Published At
Categories with Web编程
comments powered by Disqus