js實現(xiàn)點擊鏈接后窗口縮小并居中的方法
更新時間：2015年03月02日 09:13:11 投稿：shichen2014
這篇文章主要介紹了js實現(xiàn)點擊鏈接后窗口縮小并居中的方法,實例分析了javascript操作窗口的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)點擊鏈接后窗口縮小并居中的方法。分享給大家供大家參考。具體分析如下：
這是一個簡單的JS特效，以前沒有見到過，就是當(dāng)點擊頁面上指定文字鏈接的時候，頁面窗口縮小，并居中顯示，然后在居中的窗口中顯示鏈接內(nèi)容，但愿這些網(wǎng)頁特效能在日后派上用場
復(fù)制代碼 代碼如下:
<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程序設(shè)計有所幫助。
相關(guān)文章
js+css使DIV始終居于屏幕中間 左下 左上 右上 右下的代碼集合
js+css使DIV始終居于屏幕中間 左下 左上 右上 右下的代碼集合，需要的朋友可以參考下。2011-03-03
這篇文章主要介紹了手機(jī)軟鍵盤彈出時影響布局的解決方法的相關(guān)資料,大家開發(fā)移動端的軟件時候，肯定會因為軟鍵盤的彈窗影響布局，這里說下如何解決，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了微信小程序通過uni-app進(jìn)行全局分享，小編覺得挺不錯的，現(xiàn)在分享給大家，需要的朋友可以收藏下2021-11-11
javascript對象的property和prototype是這樣一種關(guān)系
javascript對象的property和prototype是這樣一種關(guān)系...2007-03-03
這篇文章主要介紹了JavaScript TAB欄切換效果的示例，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-11-11
JavaScript實現(xiàn)獲取圖片文件真實格式的示例代碼
每種格式的圖片，都有自己特有的優(yōu)缺點以及數(shù)據(jù)結(jié)構(gòu)，本篇博文的目的就是基于不同格式的圖像二進(jìn)制數(shù)據(jù)，獲取到圖片的真實格式，感興趣的可以了解一下2023-02-02
這篇文章主要給大家介紹了關(guān)于js高精度計算decimal.js庫用法的相關(guān)資料,decimal.js是使用的二進(jìn)制來計算的,所以能解決js的精度問題,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
下面小編就為大家?guī)硪黄趓equire.js的使用(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
JavaScript使用Math.random()生成簡單的驗證碼
今天小編就為大家分享一篇關(guān)于JavaScript使用Math.random()生成簡單的驗證碼，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
因為經(jīng)常被Javascript中的rul的相關(guān)知識困擾，今天來總結(jié)一下URL的特殊字符2011-11-11