製作無邊框頁面
//第一步:把如下代碼加入<head></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 align=center><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>
//第二步:把如下代碼加入<body></body>區域中
<a href=#none onclick=noBorderWin('rate.htm','400','240','#000000','#333333','#CCCCCC','一個無邊視窗的測試例子','yes');>open</a>
頁:
[1]