js實(shí)現(xiàn)點(diǎn)擊鏈接后窗口縮小并居中的方法
本文實(shí)例講述了js實(shí)現(xiàn)點(diǎn)擊鏈接后窗口縮小并居中的方法。分享給大家供大家參考。具體分析如下:
這是一個(gè)簡(jiǎn)單的JS特效,以前沒(méi)有見(jiàn)到過(guò),就是當(dāng)點(diǎn)擊頁(yè)面上指定文字鏈接的時(shí)候,頁(yè)面窗口縮小,并居中顯示,然后在居中的窗口中顯示鏈接內(nèi)容,但愿這些網(wǎng)頁(yè)特效能在日后派上用場(chǎng)
<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>
希望本文所述對(duì)大家的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獲取元素相對(duì)窗口位置的實(shí)現(xiàn)代碼
- JS+DIV實(shí)現(xiàn)鼠標(biāo)劃過(guò)切換層效果的方法
- js實(shí)現(xiàn)鼠標(biāo)劃過(guò)給div加透明度的方法
- JS實(shí)現(xiàn)窗口加載時(shí)模擬鼠標(biāo)移動(dòng)的方法
相關(guān)文章
js+css使DIV始終居于屏幕中間 左下 左上 右上 右下的代碼集合
js+css使DIV始終居于屏幕中間 左下 左上 右上 右下的代碼集合,需要的朋友可以參考下。2011-03-03手機(jī)軟鍵盤(pán)彈出時(shí)影響布局的解決方法
這篇文章主要介紹了手機(jī)軟鍵盤(pán)彈出時(shí)影響布局的解決方法的相關(guān)資料,大家開(kāi)發(fā)移動(dòng)端的軟件時(shí)候,肯定會(huì)因?yàn)檐涙I盤(pán)的彈窗影響布局,這里說(shuō)下如何解決,需要的朋友可以參考下2016-12-12微信小程序通過(guò)uni-app進(jìn)行全局分享
這篇文章主要介紹了微信小程序通過(guò)uni-app進(jìn)行全局分享,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,需要的朋友可以收藏下2021-11-11javascript對(duì)象的property和prototype是這樣一種關(guān)系
javascript對(duì)象的property和prototype是這樣一種關(guān)系...2007-03-03JavaScript實(shí)現(xiàn)獲取圖片文件真實(shí)格式的示例代碼
每種格式的圖片,都有自己特有的優(yōu)缺點(diǎn)以及數(shù)據(jù)結(jié)構(gòu),本篇博文的目的就是基于不同格式的圖像二進(jìn)制數(shù)據(jù),獲取到圖片的真實(shí)格式,感興趣的可以了解一下2023-02-02js高精度計(jì)算decimal.js庫(kù)用法demo
這篇文章主要給大家介紹了關(guān)于js高精度計(jì)算decimal.js庫(kù)用法的相關(guān)資料,decimal.js是使用的二進(jìn)制來(lái)計(jì)算的,所以能解決js的精度問(wèn)題,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11JavaScript使用Math.random()生成簡(jiǎn)單的驗(yàn)證碼
今天小編就為大家分享一篇關(guān)于JavaScript使用Math.random()生成簡(jiǎn)單的驗(yàn)證碼,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2019-01-01