類似這網站點入後內頁的效果
http://www.archi-tectonics.com/

這種無框架視窗,不是用flash作出的..
他用的是html裡的JavaScript語法特效。

在他這個網頁效果裡你有2個部份你要注意到..

 

一個是在你載入網頁後,隨即會自動開啟一個無框架視窗。
一個是在他的首頁也有一個按鈕可以開啟無框架視窗。

 

其實他不用用到flash特效,不過卻要在網頁和按鈕加上javascript特效。

 

網頁載入後自動開啟無框架視窗的語法:
<Script language="JavaScript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=1024,height=768,resizable=1,scrollbars=auto');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = 'http://tw.yahoo.com';
}
-->
</Script>

 

width=1024,height=768 修改開啟後無框架視窗的大小。
popup.location.href ='http://tw.yahoo.com';  修改開啟的網頁位置。

 


至於按鈕按下後開啟全螢幕視窗的連結語法:
<A href="#" onClick="MM_openBrWindow('http://tw.yahoo.com','視窗名稱','width=1024,height=768')">開啟全螢幕</a>

 

'http://tw.yahoo.com'則是你要開啟的網址;
'視窗名稱 '則是開啟後的視窗title名稱;
'width=1024,height=768'當然是無窗架視窗的寬高。


還有一個更有趣的全螢幕效果的按鈕語法可以試試,
這個才是真正的全螢幕無框架,連邊框都會消失。
有空可以玩玩...
<a href=# onclick=javascript:window.open('http://http://tw.yahoo.com','miaka','fullscreen=1,scrollbars=auto')>開啟全螢幕</a>

arrow
arrow
    全站熱搜

    慕天雨 發表在 痞客邦 留言(0) 人氣()