浮動視窗

(按下面的按鈕,會出現一個永遠在上的浮動視窗)

原始碼說明:

一、在目前網頁中加入開啟浮動視窗的按鈕及視窗設定

1.將下面的原始碼加到<head>中 

<SCRIPT LANGUAGE = "JavaScript">
function CreateWin()
{
theWin=window.open("
js40112f.htm","displayWindow","toolbar=no,width=300,height=50,directories=no,status=no,scrollbars=yes,resize=no,menubar=no")
// 欲開啟的浮動視窗大小及文件位址等設定
</SCRIPT>

2. 將下面的原始碼加到<body>中 

<FORM>
<INPUT TYPE = "button" onClick = "CreateWin()" VALUE = "
浮動視窗"><!--連結按鈕上的文字-->
</FORM>

二、在浮動小視窗中加入

 1.將下面原始碼加到<head>中 

<SCRIPT LANGUAGE="JavaScript">
<!--
OnTop = true
function FloatWin()
{
if (OnTop == true)
setTimeout("self.focus()",
5000) // 設定多久取得焦點(1/1000秒)
}
// -->
</SCRIPT>

2.將下面原始碼加到<body>指令內

onBlur="FloatWin()"

使用說明:

1.取得相關原始碼,用"記事本"開啟。

2.在目前的網頁中,修改藍色部分的連結頁面位址,緊接的是欲出現的浮動視窗的樣式設定。修改後,分別貼到指定的位置。

3.在欲出現的浮動小視窗中,分別加入第二部分的原始碼。

4.可將本網頁"另存新檔",作為修改時的參考。

關閉本視窗

本站範例程式來自各地資源,如有侵權,請來函告知。
-- 網奕工坊 -- 站長信箱: tn705939@ms7.tisnet.net.tw