（中職）網(wǎng)頁設計與制作項目十一應用網(wǎng)頁特效電子課件

1、正版可修改PPT課件（中職）網(wǎng)頁設計與制作項目十一應用網(wǎng)頁特效電子課件項目十一 應用網(wǎng)頁特效任務一 設置文字動態(tài)效果網(wǎng)頁特效網(wǎng)頁特效，是用程序代碼在網(wǎng)頁中實現(xiàn)的特殊效果或者特殊的功能的一種技術，是用網(wǎng)頁腳本(javascript,vbscript)來編寫制作動態(tài)特殊效果?？筛爬偨Y為以下幾個特點：1.是一種腳本編寫語言2.基于對象的語言3.簡單性4.安全性5.動態(tài)性6.跨平臺性Marquee標簽Marquee是一個“滾動字幕”的標簽，前期專門用于IE瀏覽器，近幾年，火狐瀏覽器和谷歌瀏覽器。語法： Marquee標簽align（設置內(nèi)容的對齊方式）behavior（設置滾動方式）bgcolor（

2、設置活動字幕的背景顏色）direction（設置活動字幕的滾動方向）height（設置活動字幕的高度）width（設置活動字幕的寬度）hspace（設置活動字幕里所在的位置距離父容器水平邊框的距離）vspace（設定活動字幕里所在的位置距離父容器垂直邊框的距離）loop（設定滾動的次數(shù)，當loop=-1表示一直滾動下去，默認為-1）scrollamount（設定活動字幕的滾動速度，單位pixels）scrolldelay（設定活動字幕滾動兩次之間的延遲時間）案例1自主練習利用marquee標簽實現(xiàn)如下效果：黃色文字（#f3fb1c），藍色底（#111fdf），文字由左到右循環(huán)滾動，預覽之后請將

3、截圖放在下表中?！揪毩?】效果截圖任務二 了解網(wǎng)頁制作方法網(wǎng)頁行為行為其實是一種運行在瀏覽器中的JavaScript（腳本語言），設計者將其放置在網(wǎng)頁文檔中，以允許瀏覽者與網(wǎng)頁進行交互，從而以多種方式更改頁面或觸發(fā)某些動作。行為由動作和觸發(fā)動作的事件組成。 添加行為觸發(fā)事件常用的行為動作動作名稱所對應作用彈出信息使用“彈出消息”動作可以設置一個帶有指定消息的JavaScript警告框。因為 JavaScript 警告框只有一個“確定”按鈕，所以使用此動作僅僅能提供信息而不能使用戶做出選擇。打開瀏覽器窗口使用“打開瀏覽器窗口”動作可以在一個新窗口中打開 URL，并指定新窗口的屬性，包括窗口大小、

4、是否可調(diào)整大小、是否具有菜單欄及名稱等。例如，可以使用此行為在訪問者單擊縮略圖時在一個單獨的窗口中打開一個較大的圖像。改變屬性使用“改變屬性”動作可以更改對象的某個屬性值，例如樣式、顏色、大小、層的背景顏色或表單的動作等。效果可以設置對象增大/收縮、擠壓、顯示/漸隱、晃動、滑動、遮簾、高亮顏色等效果。顯示隱藏層“顯示隱藏層”動作可以顯示、隱藏或恢復一個或多個層的默認可見性。此動作用于在用戶與頁進行交互時顯示信息。 常見行為事件事件應用對象說明Onblur按鈕、鏈接、文本框等從當前對象移開焦點時Onclick所有元素單擊對象時OnDbclick所有元素雙擊對象時Onerror圖像、頁面等載入圖片

5、出錯時Onfocus按鈕、鏈接、文本框等當前對象得到焦點時Onkeydown鏈接圖像、文字等鍵盤任意鍵處于按下狀態(tài)時Onkeypress鏈接圖像、文字等鍵盤任意鍵按下時Onkeyup鏈接圖像、文字等鍵盤任意鍵釋放時Onmousedown鏈接圖像、文字等在對象區(qū)域按下鼠標鍵時Onmousemove鏈接圖像、文字等鼠標指針在對象區(qū)域內(nèi)移動時Onmouseout鏈接圖像、文字等鼠標指針離開對象區(qū)域時Onmouseover鏈接圖像、文字等鼠標指針指向?qū)ο髤^(qū)域時Onmouseup鏈接圖像、文字等在對象區(qū)域釋放按下的鼠標鍵時Onunload主頁面等離開頁面時案例2在圖11-2-9中，圖片的注釋內(nèi)容在頁面加載時隱藏（近顯示汽車圖片），當鼠標經(jīng)過圖片時顯示，移開鼠標后消失。請試著實現(xiàn)圖片效果?！揪毩?】任務三 使用AP DIV制作下拉菜單AP DIVAP元素，即絕對定位元素，是指在網(wǎng)頁中具有絕對位置的頁面元素。AP DIV又稱為層，是HTML網(wǎng)頁的一種元素，可以放置在網(wǎng)頁上的任意位置，是網(wǎng)頁中的一個區(qū)域，一個網(wǎng)頁中可以有多個層存在，且可以重疊。表11- div和ap div的區(qū)別DivAP Div在當前位置插入固定層在當前位置插入可移動層一般情況下，進行HTML頁面布局時