Download presentation
Presentation is loading. Please wait.
1
網路程式設計－期末專案 資工二Ｂ Ｂ９６５７０１０１ 戴偉恒 地 方 美 食
2
網路程式設計－期末專案 個人網站主題：地方美食 時常到處跑，又喜歡吃東 西，選擇介紹各地方的美 食。
3
網路程式設計－期末專案 網站架構圖
4
網路程式設計－期末專案 首頁
5
網路程式設計－期末專案 使用toLocaleString() 跟window.alert顯示時間
6
網路程式設計－期末專案 點選計算機啟動事件，輸入幾筆， parseInt 得到使用者輸入的數字，加總後存入SUM，
把SUM丟給text裡的id，在上方顯示
7
網路程式設計－期末專案 使用div跟mergin顯示邊框
8
網路程式設計－期末專案 把五種背景顏色，存在陣列理，利用Math.rand -om()及Math.floor隨機選擇，在body裡面設定
onload的時候執行變換背景的函式。
9
網路程式設計－期末專案 當滑鼠游標移到食物名稱時，會變色並且 加底線，點選會有食物的圖片
10
網路程式設計－期末專案 使用onmouseover及onmouseout，當滑鼠移動到 圖片時，圖片的寬高會被讀取到Function內做變換
，滑鼠點選首頁會回到首頁。
11
網路程式設計－期末專案 介紹的連結使用ondblclick與window.open() 開啟新的視窗
12
網路程式設計－期末專案 使用ul跟li，按鈕使用window.close()關閉 此視窗
13
網路程式設計－期末專案 使用表格thead tbody tr td th去顯示
14
網路程式設計－期末專案 THE END
Similar presentations
