2010年1月7日星期四

網頁設計我有我主張!隨心所欲的定制「彈出窗口」

無標題文件

網頁設計我有我主張!隨心所欲的定制「彈出窗口」

發佈者:SEO香港優化專家 - Web Design

網站設計

常泡在網上的朋友對“彈出窗口”一定不會陌生,像新浪、163等網站,一進入首頁立刻就會彈出一個窗口,裡面通常是一些告示信息,或者FLASH廣告等等。其實這樣的效果很容易實現,大家隨我一起動手吧!

不加修飾的彈出窗口
將下面這段代碼插入你的頁面中,在頁面加載時就會自動彈出一個窗口,並打開Google搜索引擎,是不是很簡單啊!

將代碼放置在〈!—XXX --〉中間是為了兼容較低版本瀏覽器的需要,在低版本的瀏覽器中標籤內的內容將被視作注視。

打開的頁面使用絕對路徑(http://)或相對路徑(../page.htm)都可以。
示例代碼1:
〈SCRIPT LANGUAGE="JavaScript"〉
〈!--
window.open('http://www.google.com');
//--〉
〈/SCRIPT〉

修飾彈出窗口
使用下面這段代碼,我們可以對彈出窗口做更多的控制,包括窗口大小、窗口位置、是否帶工具欄、是否可以改變大小等等。

示例代碼2:
〈script language="JavaScript1.2" type="text/JavaScript1.2"〉
var popUpWin=0;
function popUpWindow()
{
//判斷該窗口(popUpWin)是否已經存在,如果已經存在,則先關閉窗口,然後再打開新窗口
if(popUpWin)
{
if(!popUpWin.closed) popUpWin.close();
}
//根據參數定位彈出窗口的展示位置
popUpWin = window.open(‘page.htm’, 'popUpWin', 'toolbar=no,location=no,
directories=no,status=no,menub ar=no,scrollbar=no,resizable=no,copyhistory=yes,width=100,height=100,
left=100,top=100,screenX=100,screenY=100’);
}
〈/script〉

彈出窗口參數一覽
彈出窗口的命令格式:“window.open(‘URLStr’, ‘WindowName’, ‘Property’);”,其中:
1.window.open命令用於在網頁上彈出一個新窗口。
2.URLStr:彈出窗口所顯示的頁面
3.WindowName:彈出窗口的名稱,可以任意指定,也可以用’’來代替
4.Property:用於控制彈出窗口顯示的屬性,具體可控制的參數有:
5.Toolbar:是否顯示瀏覽器工具欄,yes為顯示,no為不顯示
6.Location:是否顯示遊覽器地址欄,yes為顯示,no為不顯示
7.Directories:是否顯示目錄按鈕,yes為顯示,no為不顯示
8.Status:是否顯示狀態欄,yes為顯示,no為不顯示
9.Menubar:是否顯示菜單條,yes為顯示,no為不顯示
10.Scrollbar:是否激活水平和垂直流動條,yes為顯示,no為不顯示
11.Resizable:是否可以改變窗口大小,yes為顯示,no為不顯示
12.Width:指定窗口的寬度,以像素為單位
13.Height:指定窗口的高度,以像素為單位
14.Left:指定窗口距屏幕左端的距離,以像素為單位
15.Top:指定窗口距屏幕頂端的距離,以像素為單位
16.screenX:等同於Left屬性
17.screenY:等同於Top屬性


網頁寄存

没有评论:

发表评论