程
式
範
例
浮動視窗
(按下面的按鈕,會出現一個永遠在上的浮動視窗)
原始碼說明:
一、在目前網頁中加入開啟浮動視窗的按鈕及視窗設定
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