DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 多種形式的網頁彈出窗口代碼
多種形式的網頁彈出窗口代碼
編輯:Dreamweaver相關     
 

1.彈啟一個全屏窗口


——您可以運行代碼察看特效,您也可以復制或者另存源代碼。
   

    2.彈啟一個被F11化後的窗口
<html>
<body onload="window.open(' http://homepage.yesky.com','example02','channelmode');">
<b>homepage.yesky.com</b>
</body>
</html>


    3.彈啟一個帶有收藏鏈接工具欄的窗口
<html>
<body onload="window.open('http://homepage.yesky.com','example03','width=400,height=300,directories');">
<b>homepage.yesky.com</b>
</body>
</html>


    4.網頁對話框
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog('http://homepage.yesky.com','example04','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:

yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>homepage.yesky.com</b>
</body>
</html>

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog('http://homepage.yesky.com','example05','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;

help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>homepage.yesky.com</b>
</body>
</html>


    showModalDialog()或是showModelessDialog() 來調用網頁對話框,至於showModalDialog()與showModelessDialog()的區別,在於showModalDialog()打開的窗口(簡稱模式窗口),置在父窗口上,必須關閉才能訪問父窗口(建議盡量少用,以免招人反感);showModelessDialog()(簡稱無模式窗口),打開後不必關閉也可訪問父窗口打開的窗口。
    dialogHeight: iHeight 設置對話框窗口的高度。
    dialogWidth: iWidth 設置對話框窗口的寬度。   
    dialogLeft: iXPos 設置對話框窗口相對於桌面左上角的left位置。
    dialogTop: iYPos 設置對話框窗口相對於桌面左上角的top位置。
    center: {yes   no   1   0 } 指定是否將對話框在桌面上居中,默認值是“yes”。
    help: {yes   no   1   0 } 指定對話框窗口中是否顯示上下文敏感的幫助圖標。默認值是“yes”。   
    resizable: {yes   no   1   0 } 指定是否對話框窗口大小可變。默認值是“no”。
    status: {yes   no   1   0 } 指定對話框窗口是否顯示狀態欄。對於非模式對話框窗口,默認值是“yes”;對於模式對話框窗口,默認值是 “no”。

    5.HTA窗口

    HTA的全

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