天天看點

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

将下面的JS儲存為:mail_fullscreen.js檔案

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

//簡化版本的函數,隻适合于IE5.0,Windows XP以上環境

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

function modelScreen(strURI,X,Y,width,height){

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    fullWindow = window.open(strURI ,"full","width=" + (width) + ",height=" + (height+1) + ",toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0");            

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    fullWindow.moveTo(X,Y);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    fullWindow.focus();

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

}

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

/*

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

下面的函數适合于所有主流浏覽器和作業系統

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

參數說明:

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

windowWith :視窗寬度

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

windowHeight:視窗高度

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

windowX:     視窗起點X

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

windowY:     視窗起點Y

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

*/

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

function gfFullScreen(strURI){

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    var strAppVer = navigator.appVersion;

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    var strAppNM  = navigator.appName;

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    var intPos    = strAppVer.indexOf("MSIE",0);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    var windowWith=screen.availWidth/2;

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    var windowHeight=screen.availHeight/2;

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    var windowX=20;

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    var windowY=20; 

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    if(strAppVer.indexOf("Win")>=0){ //OS--Windows

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        if(strAppNM.indexOf("Microsoft")>=0){ //Browser--InternetExplorer

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            if (strAppNM == "Microsoft Internet Explorer" && parseInt(strAppVer)>=4){ //IEversion more 4

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                if(parseInt(strAppVer.slice(intPos+5,intPos+6))>=6){

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    if(parseInt(strAppVer.indexOf("Windows NT 5.1",0)) > 0){ //WindowsXP

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                        fullWindow = window.open(strURI ,"full","width=" + (windowWith) + ",height=" + (windowHeight+1) + ",toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                        //fullWindow.moveTo(-5,-32);//全屏時的參數

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                        fullWindow.moveTo(windowX,windowY);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    //    window.location.HREF="/sgsoft";

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                        fullWindow.focus();

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    }else{ //Not WindowsXP

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                        //fullWindow.moveTo(-5,-24);//全屏時的參數

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                        fullWindow.moveTo(windowX,windowY);                        

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                        //window.location.HREF="/sgsoft";

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    }

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                }else{

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow = window.open("" ,"full","fullscreen=1,width=" + (windowWith+3) + ",height=" + (windowHeight+1) + ",toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    //fullWindow.resizeTo(Math.ceil(windowWith+3),Math.ceil(windowHeight+1));

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.resizeTo(Math.ceil(windowWith+3),Math.ceil(windowHeight+1));

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    //fullWindow.moveTo(0,0);//全屏時的參數

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.moveTo(windowX,windowY);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.document.open("text/html", "replace");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.document.write("<html><style type='text/css'>\n");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.document.write("body{ border: 1px solid #000000; overflow: hidden; margin: 0pt;}");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.document.write("#stillloadingDiv{ position: absolute; left: 0px; top: 0px; width: 100%px; height: 19px; z-index: 1; background-color: #C0C0C0; layer-background-color: #C0C0C0; clip:rect(0,100%,19,0);}");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.document.write("</style>\n");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.document.write("<body onload=\"top.document.location.replace('"+strURI+"')\" topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 scroll='no'>");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.document.write("<div ID='stillloadingDiv'></div>");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.document.write("</body></html>");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.document.close();

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    //window.location.HREF="/sgsoft";

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    fullWindow.focus();

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                }

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            }else{ //IEversion under 4

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                fullWindow = window.open(strURI,"full","width=" + (windowWith+1) + ",height=" + (windowHeight-21) + ",toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1,left=0,top=0,screenX=0,screenY=0",true);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                //window.location.HREF="/sgsoft";

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            }

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        }else if(strAppNM.indexOf("Netscape")>=0){ //Browser--NetscapeNavigator

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            //fullWindow = window.open("","full","scrollbars=0,resizable=0,width=" + (windowWith-12) +",height=" + (windowHeight-30));

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            fullWindow = window.open("","full","scrollbars=0,resizable=0,outerWidth=" + windowWith +",outerheight=" + windowHeight +",top=0,left=0");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            fullWindow.moveBy(0,-10);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            fullWindow.location.href = strURI;

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            //window.location.HREF="/sgsoft";

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        }else{ //Browser-- 3rdParty

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            location.replace("alert.html");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        }

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    }else if(strAppVer.indexOf("Mac")>=0){ //OS-Machintosh

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        if(strAppVer.indexOf("Safari")>=0){ //Brower--Safari

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            fullWindow=window.open("","full","scrollbars=0,resizable=0,width=" + (windowWith) +",height=" + (windowHeight-20));

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            //fullWindow.moveTo(0,0);//全屏時的參數

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            fullWindow.moveTo(windowX,windowY);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            fullWindow.location.href=strURI;

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        }else{

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            if(strAppNM.indexOf("Microsoft")>=0){ //Browser--InternetExplorer

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                fullWindow = window.open(strURI,"full","alwaysLowered=0,alwaysRaised=0,channelmode=0,dependent=1,directories=0,fullscreen=1,hotkeys=1,location=0,menubar=0,resizable=0,scrollbars=0,status=0,titlebar=0,toolbar=0,z-lock=0,screenX=0,screeny=0,left=0,top=0");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                fullWindow.resizeTo(windowWith,windowHeight);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            }else if(strAppNM.indexOf("Netscape")>=0){ //Browser--NetscapeNavigator

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                fullWindow=window.open("","full","scrollbars=0,resizable=0,width=" + (windowWith-12) +",height=" + (windowHeight-30));

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                //fullWindow.moveTo(0,0);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                fullWindow.moveTo(windowX,windowY);

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                fullWindow.location.href=strURI;

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            }else{ //Browser-- 3rdParty

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                location.replace("alert.html");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    }else{

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        location.replace("alert.html");

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        //window.location.HREF="/sgsoft";

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    }

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

在HTML網頁中使用它:

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

<html>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    <head>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        <title>LifeWithDVD</title>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

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

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        <script type="text/javascript" src="mail_fullscreen.js"></script>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    </head>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    <body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        text="#ffffff" link="#ffffff" vlink="#ffffff" alink="#ffffff">

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        <table width="100%" border="0" cellspacing="0" cellpadding="0" height="90%">

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            <tr align="center" valign="middle">

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                <td height="579" colspan="2"><br>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    <br>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)
實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    <table width="135" height="135" border="0" align="center" cellpadding="0" cellspacing="0">

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                        <tr>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                            <td width="135" height="135" colspan="2" align="center" valign="top">

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                                <table width="135" height="135" border="0" align="center" cellpadding="0" cellspacing="0">

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                                    <tr>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                                        <td height="135"><a href="javascript:modelScreen('content/main.html',20,20,800,600);"><img src="./image/sun.jpg" width="827" height="297" border="0"></a></td>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                                    </tr>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                                </table>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                            </td>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                        </tr>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                    </table>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

                </td>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

            </tr>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

        </table>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

    </body>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

</html>

實作HMTL網頁的全螢幕顯示或模态顯示 (JS代碼)

本文轉自斯克迪亞部落格園部落格,原文連結:http://www.cnblogs.com/sgsoft/archive/2004/10/11/50892.html,如需轉載請自行聯系原作者

繼續閱讀