网际网路应用幻灯片.pptVIP

網際網路應用 Dec. 14. 2004 動態網頁基礎 -- JavaScript 溫丹瑋 Marian.wen@ 大綱 何為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 彗星滑鼠 彗星游標 .tw/themes/old/showPage.php?s=105t=6at=1 彗星圖示 .tw/themes/old/showPage.php?s=134t=6 新滑鼠帶圖 .tw/themes/old/showPage.php?s=2157t=6at=1 參考資料： 網站建置百寶箱 .tw/themes/old/showPage.php?s=105t=6 新空間 .tw body 加入語法 /body 尚辅网 / 尚辅网 /