js實現(xiàn)點擊鏈接后窗口縮小并居中的方法

字號:


    這篇文章主要介紹了js實現(xiàn)點擊鏈接后窗口縮小并居中的方法,實例分析了javascript操作窗口的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    本文實例講述了js實現(xiàn)點擊鏈接后窗口縮小并居中的方法。分享給大家供大家參考。具體分析如下:
    這是一個簡單的JS特效,以前沒有見到過,就是當點擊頁面上指定文字鏈接的時候,頁面窗口縮小,并居中顯示,然后在居中的窗口中顯示鏈接內(nèi)容,但愿這些網(wǎng)頁特效能在日后派上用場
    代碼如下:
    <HTML><HEAD>
    <TITLE>窗口的縮小居中</TITLE>
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    </HEAD>
    <BODY bgColor=#fef4d9><BR><BR>
    <CENTER>
    <span>窗口的縮小居中顯示</span>
    </CENTER><BR>
    <CENTER>
    <TABLE borderColor=#00FFFF border=5 borderlight="green">
    <TBODY>
    <TR>
    <TD align=middle><div><span>JS效果顯示</span></div></TD>
    </TR>
    <TR>
    <TD align=left>
    <div>
    <SCRIPT>
    function this_win(w,h){
    var ww=window.screen.width*w/100;
    var hh=window.screen.height*h/100;
    window.resizeTo(ww,hh);
    window.moveTo(Math.ceil((window.screen.width-ww)/2),Math.ceil((window.screen.height-hh)/2));
    }
    </SCRIPT>
    <A onclick=this_win(50,50) href="#">點擊這里,百度一下</A>
    </div></TD></TR></TBODY></TABLE></CENTER>
    </BODY>
    </HTML>
    希望本文所述對大家的javascript程序設計有所幫助。