DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現點擊鏈接後窗口縮小並居中的方法教程
js實現點擊鏈接後窗口縮小並居中的方法教程
編輯:關於JavaScript     

本文實例講述了js實現點擊鏈接後窗口縮小並居中的方法。分享給大家供大家參考。具體分析如下:

這是一個簡單的JS特效,以前沒有見到過,就是當點擊頁面上指定文字鏈接的時候,頁面窗口縮小,並居中顯示,然後在居中的窗口中顯示鏈接內容,但願這些網頁特效能在日後派上用場

代碼如下:<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>

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved