js實(shí)現(xiàn)點(diǎn)擊鏈接后窗口縮小并居中的方法
更新時(shí)間：2015年03月02日 09:13:11 投稿：shichen2014
這篇文章主要介紹了js實(shí)現(xiàn)點(diǎn)擊鏈接后窗口縮小并居中的方法,實(shí)例分析了javascript操作窗口的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了js實(shí)現(xiàn)點(diǎn)擊鏈接后窗口縮小并居中的方法。分享給大家供大家參考。具體分析如下：
這是一個(gè)簡單的JS特效，以前沒有見到過，就是當(dāng)點(diǎn)擊頁面上指定文字鏈接的時(shí)候，頁面窗口縮小，并居中顯示，然后在居中的窗口中顯示鏈接內(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="#">點(diǎn)擊這里，百度一下</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="#">點(diǎn)擊這里，百度一下</A>
</div></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JS實(shí)現(xiàn)仿QQ聊天窗口抖動(dòng)特效
- JS實(shí)現(xiàn)可縮放、拖動(dòng)、關(guān)閉和最小化的浮動(dòng)窗口完整實(shí)例
- JS+CSS實(shí)現(xiàn)Div彈出窗口同時(shí)背景變暗的方法
- JS+CSS實(shí)現(xiàn)帶關(guān)閉按鈕DIV彈出窗口的方法
- js獲取元素相對窗口位置的實(shí)現(xiàn)代碼
- JS+DIV實(shí)現(xiàn)鼠標(biāo)劃過切換層效果的方法
- js實(shí)現(xiàn)鼠標(biāo)劃過給div加透明度的方法
- JS實(shí)現(xiàn)窗口加載時(shí)模擬鼠標(biāo)移動(dòng)的方法
相關(guān)文章
js+css使DIV始終居于屏幕中間 左下 左上 右上 右下的代碼集合
js+css使DIV始終居于屏幕中間 左下 左上 右上 右下的代碼集合，需要的朋友可以參考下。2011-03-03
這篇文章主要介紹了手機(jī)軟鍵盤彈出時(shí)影響布局的解決方法的相關(guān)資料,大家開發(fā)移動(dòng)端的軟件時(shí)候，肯定會(huì)因?yàn)檐涙I盤的彈窗影響布局，這里說下如何解決，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了微信小程序通過uni-app進(jìn)行全局分享，小編覺得挺不錯(cuò)的，現(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實(shí)現(xiàn)獲取圖片文件真實(shí)格式的示例代碼
每種格式的圖片，都有自己特有的優(yōu)缺點(diǎn)以及數(shù)據(jù)結(jié)構(gòu)，本篇博文的目的就是基于不同格式的圖像二進(jìn)制數(shù)據(jù)，獲取到圖片的真實(shí)格式，感興趣的可以了解一下2023-02-02
這篇文章主要給大家介紹了關(guān)于js高精度計(jì)算decimal.js庫用法的相關(guān)資料,decimal.js是使用的二進(jìn)制來計(jì)算的,所以能解決js的精度問題,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
下面小編就為大家?guī)硪黄趓equire.js的使用(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
JavaScript使用Math.random()生成簡單的驗(yàn)證碼
今天小編就為大家分享一篇關(guān)于JavaScript使用Math.random()生成簡單的驗(yàn)證碼，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
因?yàn)榻?jīng)常被Javascript中的rul的相關(guān)知識困擾，今天來總結(jié)一下URL的特殊字符2011-11-11