js實現(xiàn)點擊鏈接后窗口縮小并居中的方法
更新時間：2015年03月02日 09:13:11 投稿：shichen2014
這篇文章主要介紹了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 class="STYLE1">窗口的縮小居中顯示</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#00FFFF border=5 borderlight="green">
<TBODY>
<TR>
<TD align=middle><div align="center"><span class="STYLE2">JS效果顯示</span></div></TD>
</TR>
<TR>
<TD align=left>
<div align="center">
<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>
<TITLE>窗口的縮小居中</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>
<span class="STYLE1">窗口的縮小居中顯示</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#00FFFF border=5 borderlight="green">
<TBODY>
<TR>
<TD align=middle><div align="center"><span class="STYLE2">JS效果顯示</span></div></TD>
</TR>
<TR>
<TD align=left>
<div align="center">
<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程序設計有所幫助。
相關(guān)文章
這篇文章主要為大家介紹了uniapp項目實踐自定義分享組件示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
JS簡單實現(xiàn)查看文檔創(chuàng)建日期、修改日期和文檔大小的方法示例
這篇文章主要介紹了JS簡單實現(xiàn)查看文檔創(chuàng)建日期、修改日期和文檔大小的方法,結(jié)合實例形式分析了JavaScript使用fileCreatedDate屬性、fileModifiedDate屬性、lastModified屬性和fileSize屬性相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
雖然很少會遇到給bind返回的函數(shù)做new操作的場景，但面試中還是會涉及到的，所以本文將實現(xiàn)一下兼容new操作的bind寫法，順便學習一下new操作符，需要的可以參考一下2022-07-07
Javascript實現(xiàn)Array和String互轉(zhuǎn)換的方法
這篇文章主要介紹了Javascript實現(xiàn)Array和String互轉(zhuǎn)換的方法,涉及JavaScript中toString方法與split方法的使用技巧,需要的朋友可以參考下2015-12-12
實例詳解display:none與visible:hidden的區(qū)別
這篇文章主要介紹了實例詳解display:none與visible:hidden的區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-03-03
一個層慢慢增高展開,有種向下滑動的效果...2006-11-11
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)頁面無操作倒計時退出,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了javascript運行機制之執(zhí)行順序理解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
這篇文章主要介紹了微信小程序利用Canvas繪制圖片和豎排文字詳解，合成圖片應該按照 Canvas 的文檔來做都沒什么問題，主要是有個豎排文字的需求，這里和大家分享一下,需要的朋友可以參考下2019-06-06
我們在做項目的時候，特別是注冊用戶的時候，基本上都需要有注冊協(xié)議之類的東西，那么我們?nèi)绾闻袛嘤脩羰欠窆催x了同意了此協(xié)議呢？2014-06-06