（中職）網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目十一應(yīng)用網(wǎng)頁特效電子課件

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

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

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

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

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