Document

Transcript Document

網際網路應用 Dec. 14. 2004
動態網頁基礎 -- JavaScript
溫丹瑋
[email protected]
大綱






何為JavaScript
彈出訊息
開啟瀏覽器視窗
彈出式選單
播放音樂 (線上撥放Real Player)
彗星滑鼠
何為JavaScript



一種程式語言，讓你可以撰寫程式，根據不
同的的情況做出不同的回應，增加網頁的互
動性。
JavaScript 是一種物件導向語言。
要在HTML中插入JavsScript，只要把
JavaScript 放在<script language=
“JavaScript”>和</script>之間便行了！而
language=“JavaScript” 是optional的，不過
也建議你寫上去，因為現在的瀏覽器的預設
Script 語言是JavaScript，但可不知道將來會
不會改變。
行為(Behavior)



Dreamweaver內建「行為」(Behavior)
功能，不需要寫任何程式即可做出
JavaScript常用的動態效果。
行為(Behavior)= 事件(Event) 及動作
(Action)的組合
網頁中的元素遇到某event發生時，可
以做某些action
行為面版

視窗(window)
 行為
(Behaviors)
彈出訊息

確認「行為面版」上是
<body>動作




否則在文件視窗狀態列點一下
<body>標籤
按一下「行為面版」的加號
選擇「彈出訊息」(popup
message)
在對話窗中輸入要顯示的訊息
開啟瀏覽器視窗


在按下超連結時，網頁內容在一個指定
大小、沒工具列、沒按鈕、新的瀏覽器
視窗中開啟
超連結放「#」就好 確認「行為面版」
上是<a>動作  選「+」號  選「開
啟瀏覽器視窗(open browser window)
 設定 按「確定」 修改
onMouseOver為onClick
彈出式選單




超連結放「#」就好  確認「行為面版」
上是<a>動作 選「+」號  選顯示彈
出式選單 (show pop-up menu)
「內容」標籤：選單、凸排/縮排、上移
/下移
「外觀」選單：字型、顏色(狀態)
「位置」選單：Hide menu on
onMouseOut 選項的差別
彈出式選單

注意事項：



記得上傳dreamweaver自動產生的
mm_menu.js及arrows.gif二個檔案
A頁框的選單不能延展到B頁框的位置
展開好幾層後，要看看瀏覽器有無足夠的
空間顯示
線上撥放Real Player


檔案插入
RealPlayer_window.txt
彗星滑鼠

彗星游標


彗星圖示


http://dob.tnc.edu.tw/themes/old/showPa
ge.php?s=105&t=6&at=1
http://dob.tnc.edu.tw/themes/old/showPa
ge.php?s=134&t=6
新滑鼠帶圖

http://dob.tnc.edu.tw/themes/old/showPa
ge.php?s=2157&t=6&at=1




參考資料：
網站建置百寶箱
http://dob.tnc.edu.tw/themes/old/show
Page.php?s=105&t=6
新空間
http://spacem.newspace.com.tw
<body> 加入語法 </body>

Document

Transcript Document

Directory