網(wǎng)頁(yè)制作高級(jí)特效教材課件匯總完整版ppt全套課件最全教學(xué)教程整本書(shū)電子教案全書(shū)教案課件合集

1、模塊一HTML 高級(jí)特效123課題 使用 Emmet 高效布局網(wǎng)頁(yè)課題 使用內(nèi)嵌框架制作畫(huà)中畫(huà)特效課題 使用 HTML5 制作驗(yàn)證碼特效目錄課題 使用 Emmet 高效布局網(wǎng)頁(yè)學(xué)習(xí)目標(biāo). 了解靜態(tài)網(wǎng)站和靜態(tài)網(wǎng)頁(yè)的概念，能正確創(chuàng)建靜態(tài)網(wǎng)站，建立和測(cè)試靜態(tài)網(wǎng)頁(yè)。. 掌握 Emmet 基本語(yǔ)法，能使用 Emmet 快速生成 HTML 和 CSS 代碼，加快網(wǎng)站開(kāi)發(fā)速度。相關(guān)知識(shí)靜態(tài)網(wǎng)站是指全部由 HTML 代碼格式頁(yè)面組成的網(wǎng)站，完全采用 HTML 代碼格式的網(wǎng)頁(yè)通常被稱為靜態(tài)網(wǎng)頁(yè)。課題 使用 Emmet 高效布局網(wǎng)頁(yè)一、創(chuàng)建本地站點(diǎn). 使用 Dreamweaver CS3 / CS4 創(chuàng)建本地站點(diǎn)

2、. 使用 Dreamweaver CS5 / CS6 / CC 創(chuàng)建本地站點(diǎn)課題 使用 Emmet 高效布局網(wǎng)頁(yè)二、Emmet. Emmet 的簡(jiǎn)介Emmet 插件的前身為 Zen Coding，是一個(gè)文本編輯器的插件，使用 Emmet 可以快速生成 HTML 和 CSS 代碼，從而加速 Web 前端開(kāi)發(fā)。. Emmet 的安裝目前很多流行的文本編輯器都支持 Emmet 插件。() Dreamweaver CS3() Dreamweaver CS6() Dreamweaver CC 2015課題 使用 Emmet 高效布局網(wǎng)頁(yè). Emmet 的使用任何一個(gè) HTML 文檔都具有一些默認(rèn)的文檔結(jié)

3、構(gòu)，使用 Emmet 可以創(chuàng)建 HTML 文檔初始結(jié)構(gòu)。使用 Emmet 生成 HTML 文檔初始結(jié)構(gòu)課題 使用內(nèi)嵌框架制作畫(huà)中畫(huà)特效學(xué)習(xí)目標(biāo)掌握內(nèi)嵌框架的用法，能在內(nèi)嵌框架中正確顯示文本、圖像、動(dòng)畫(huà)和 HTML 文檔，實(shí)現(xiàn)局部刷新，形成 “畫(huà)中畫(huà)” 的特效。相關(guān)知識(shí)一、內(nèi)嵌框架iframe 是 Inline Frame 的縮寫(xiě)，也是框架的一種形式。與框架 ( frame) 不 同的是，iframe 非常靈活，可以嵌在網(wǎng)頁(yè)的任意部分，將嵌入的文檔與整個(gè)頁(yè)面的內(nèi)容相互融合，形成一個(gè)整體，因此 iframe 被稱為內(nèi)嵌框架或內(nèi)聯(lián)框架。課題 使用內(nèi)嵌框架制作畫(huà)中畫(huà)特效使用內(nèi)嵌框架可以將文本、圖片、動(dòng)

4、畫(huà)或 HTML 文檔嵌入在一個(gè) HTML 中顯示，結(jié)合數(shù)據(jù)庫(kù)技術(shù)可以在靜態(tài)頁(yè)面中嵌入動(dòng)態(tài)內(nèi)容，實(shí)現(xiàn)數(shù)據(jù)的增加、刪除、查詢、修改等操作，形成 “畫(huà)中畫(huà)” 的效果。重載頁(yè)面時(shí)不需要重載整個(gè)頁(yè)面，只需要重載頁(yè)面中的內(nèi)嵌框架，減少了數(shù)據(jù)傳輸，增加了網(wǎng)頁(yè)下載速度。課題 使用內(nèi)嵌框架制作畫(huà)中畫(huà)特效二、內(nèi)嵌框架的屬性 iframe 標(biāo)簽的常用屬性課題 使用內(nèi)嵌框架制作畫(huà)中畫(huà)特效 iframe 標(biāo)簽的常用屬性課題 使用 HTML5 制作驗(yàn)證碼特效學(xué)習(xí)目標(biāo)掌握 canvas 標(biāo)簽的用法，能使用 HTML5 的 canvas 標(biāo)簽和 JavaScript 制作 “驗(yàn)證碼” 特效。相關(guān)知識(shí)“驗(yàn)證碼” 是用一串隨機(jī)產(chǎn)

5、生的數(shù)字或符號(hào)生成的一幅圖片，其中還會(huì)加入一些干擾像素防止 OCR (Optical Character Recognition 光學(xué)字符識(shí)別)。使用時(shí)，用戶肉眼識(shí)別其中的驗(yàn)證碼信息，輸入表單提交網(wǎng)站驗(yàn)證，驗(yàn)證成功后才能使用某項(xiàng)功能。使用驗(yàn)證碼可以防止惡意破解密碼、刷票、論壇灌水、刷頁(yè)。不少網(wǎng)站為了防止用戶利用機(jī)器人自動(dòng)注冊(cè)、登錄、灌水，都采用了驗(yàn)證碼技術(shù)。課題 使用 HTML5 制作驗(yàn)證碼特效canvas 是在 HTML5中新增的標(biāo)簽，用于在網(wǎng)頁(yè)實(shí)時(shí)生成圖像，并且可以操作圖像內(nèi)容。使用 HTML5中的 canvas 標(biāo)簽再結(jié)合 JavaScript 可以制作 “驗(yàn)證碼” 特效。課題 使用 H

6、TML5 制作驗(yàn)證碼特效一、canvas 標(biāo)簽canvas 的中文含義為 “ 畫(huà)布”，畫(huà)布的坐標(biāo)原點(diǎn) (0，0) 在左上角，水平方向?yàn)?x 軸，垂直方向?yàn)?y 軸。canvas 標(biāo)簽和其他標(biāo)簽的用法一樣，語(yǔ)法格式如下： 畫(huà)布坐標(biāo)課題 使用 HTML5 制作驗(yàn)證碼特效繪制圖形前，需要使用 getContext ( )方法返回一個(gè)用于在畫(huà)布上繪圖的環(huán)境，語(yǔ)法格式如下：canvas. getContext（ context ID ）其中，參數(shù) context ID 指定了畫(huà)布上繪制圖形的類型，當(dāng)前唯一的合法值是 “2d”，它指定了二維繪圖 ( 即可以繪制直線、矩形、圓形、文本等)。目前 canvas

7、 標(biāo)簽不支持三維繪圖。綜上所述，使用 canvas 標(biāo)簽繪圖的基本結(jié)構(gòu)如下：無(wú)標(biāo)題文檔 課題 使用 HTML5 制作驗(yàn)證碼特效var canvas=document.getElementById(myCanvas); /查找 id為 myCanvas的畫(huà)布var ctx=canvas.getContext(2d); /獲取該 canvas的2D繪圖環(huán)境 /此處添加畫(huà)圖(直線、矩形、圓形、文本、圖像等)語(yǔ)句課題 使用 HTML5 制作驗(yàn)證碼特效二、基本圖形的畫(huà)法. 畫(huà)直線ctx.moveTo(50，20)；/定義繪畫(huà)開(kāi)始的位置，將畫(huà)筆移到坐標(biāo)(50，20)ctx.lineTo(150，80)；/

8、畫(huà)一條直線，結(jié)束點(diǎn)坐標(biāo)是(150，80)ctx.lineWidth=2；/定義線的寬度ctx.strokeStyle=red；/定義描邊顏色為紅色。注意：要在 stroke( )之前使用ctx.stroke( )；/描邊直線顯示效果課題 使用 HTML5 制作驗(yàn)證碼特效. 畫(huà)矩形/* 1.繪制實(shí)心矩形 */ctx.fillStyle=#F00；ctx.fillRect(20，20，40，60)；/從畫(huà)布上(20，20)開(kāi)始，繪制寬40像素、高60像素的實(shí)心矩形/* 2. 繪制空心矩形 */ctx.strokeStyle=#0F0；/定義描邊顏色為綠色ctx.strokeRect(80，20，4

9、0，60)；/從畫(huà)布上(80，20)開(kāi)始，繪制寬40像素、高60像素的空心矩形/* 3. 矩形的填充與描邊 */課題 使用 HTML5 制作驗(yàn)證碼特效ctx.rect(140，20，40，60)；/畫(huà)矩形ctx.fillStyle=#EEE；/定義填充顏色為淺灰色ctx.fill( )；/填充。當(dāng)矩形既有描邊又有填充時(shí)，必須先填充ctx.strokeStyle=#000；/定義描邊顏色為黑色ctx.strokeRect(140，20，40，60)；/在填充后，再描邊，描邊才能顯示出來(lái)矩形顯示效果課題 使用 HTML5 制作驗(yàn)證碼特效. 畫(huà)圓 (弧線)如果要?jiǎng)?chuàng)建一個(gè)圓形、半圓或弧線，可以使用 a

10、rc ( ) 方法。arc 的中文含義是 “ 弧線”，arc ( )方法是用一個(gè)中心點(diǎn)和半徑，為一個(gè)畫(huà)布的當(dāng)前子路徑添加一條弧線。一個(gè)圓的弧線是 360或 2 弧度 (用 Math. PI*2 表示)。畫(huà)圓 (弧線) 的語(yǔ)法格式如下：課題 使用 HTML5 制作驗(yàn)證碼特效arc 參數(shù)含義謝謝模塊二JavaScript 高級(jí)特效31課題 JavaScript 語(yǔ)言基礎(chǔ)2課題 JavaScript 對(duì)象化編程課題 制作表單驗(yàn)證類特效目錄45678課題 制作層切換和層提示特效課題 制作菜單類特效課題 制作廣告類特效課題 制作滾動(dòng)類和日期類特效課題 制作網(wǎng)頁(yè)輔助類特效課題 JavaScript 語(yǔ)言基

11、礎(chǔ)學(xué)習(xí)目標(biāo). 了解 JavaScript 的概念，能編寫(xiě)簡(jiǎn)單的 JavaScript 程序。. 了解常量、變量、函數(shù)、運(yùn)算符和優(yōu)先級(jí)等概念，能正確運(yùn)用常量、變量、函數(shù)和運(yùn)算符，能按照優(yōu)先級(jí)正確書(shū)寫(xiě)表達(dá)式。. 了解常用內(nèi)部函數(shù)的用法，能根據(jù)需要自定義函數(shù)。. 了解數(shù)組的概念，能正確定義和引用數(shù)組。. 掌握分支語(yǔ)句和循環(huán)語(yǔ)句的使用方法，能進(jìn)行順序結(jié)構(gòu)、分支結(jié)構(gòu)和循環(huán)結(jié)構(gòu)程序的設(shè)計(jì)。一、JavaScript 簡(jiǎn)介JavaScript 是一種基于對(duì)象和事件驅(qū)動(dòng)的客戶端腳本語(yǔ)言，是目前 Web 應(yīng)用程序開(kāi)發(fā)者使用最為廣泛的客戶端腳本編程語(yǔ)言。JavaScript 能通過(guò) DOM ( Document O

12、bject Model，文檔結(jié)構(gòu)模型) 及自身提供的對(duì)象、操作方法實(shí)現(xiàn)所需的功能。JavaScript 采用事件驅(qū)動(dòng)方式，能響應(yīng)鍵盤(pán)事件、鼠標(biāo)事件及瀏覽器窗口事件等，并執(zhí)行指定的操作。課題 JavaScript 語(yǔ)言基礎(chǔ)二、第一個(gè) JavaScript 程序計(jì)算機(jī)程序是指一組指示計(jì)算機(jī)執(zhí)行動(dòng)作或做出判斷的指令，通常用某種程序設(shè)計(jì)語(yǔ)言編寫(xiě)。一般情況下，計(jì)算機(jī)程序要編譯成機(jī)器語(yǔ)言程序后再運(yùn)行。還有一種未經(jīng)編譯就可運(yùn)行的程序，通常稱為 “ 腳本程序”。JavaScript 屬于客戶端腳本語(yǔ)言，VBScript ( 主要用于ASP) 屬于服務(wù)器端腳本語(yǔ)言。課題 JavaScript 語(yǔ)言基礎(chǔ)客戶端腳本

13、和服務(wù)器端腳本比較編寫(xiě) JavaScript 程序可選擇普通的文本編輯器或集成開(kāi)發(fā)環(huán)境。Dreamweaver 集成了JavaScript 開(kāi)發(fā)環(huán)境，提供了強(qiáng)大的 JavaScript 支持。JavaScript 需要嵌入 HTML 中，即 JavaScript 的存在依賴于 HTML 文檔。在 HTML 中，使用 標(biāo)記引入 JavaScript ，使用 結(jié)束 JavaScript ，和 之間是 JavaScript 腳本。 可以放在 和 之間，也可以放在 和 之間。二者的區(qū)別是:) head 部分的腳本: 需調(diào)用才執(zhí)行的腳本或事件觸發(fā)執(zhí)行的腳本放在 HTML 的 head部分。當(dāng)把腳本放在

14、head 部分時(shí)，可以保證腳本在任何調(diào)用之前被加載。課題 JavaScript 語(yǔ)言基礎(chǔ)) body 部分的腳本: 當(dāng)頁(yè)面被加載時(shí)立即執(zhí)行的腳本放在 HTML 的 body 部分。放在 body 部分的腳本通常用來(lái)生成頁(yè)面的內(nèi)容。 標(biāo)記有一個(gè) language 屬性，用于指明使用的語(yǔ)言，其值可以為 “JavaScript”“VBScript” 或者 “JScript”。 標(biāo)記還有一個(gè) type 屬性，用于指明文本類型，其值為 “text / javascript”。課題 JavaScript 語(yǔ)言基礎(chǔ)和 VBScript 不區(qū)分大小寫(xiě)不同，JavaScript 嚴(yán)格區(qū)分大小寫(xiě)。在編寫(xiě) Java

15、Script 腳本語(yǔ)句時(shí)，用 “；” 作為當(dāng)前語(yǔ)句的結(jié)束符。語(yǔ)句分行后，作為語(yǔ)句結(jié)束符的 “；” 可省略。也可將多個(gè)語(yǔ)句寫(xiě)在同一行中，若將多個(gè)語(yǔ)句寫(xiě)在同一行中，則語(yǔ)句之間的 “；” 不能省略。JavaScript 中的注釋采用和 Java 中類似的方式，單行注釋前加 “ / / ”，多行注釋放在 “ / ” 和 “ / ” 之間。課題 JavaScript 語(yǔ)言基礎(chǔ)三、常量和變量. 常量常量是程序執(zhí)行過(guò)程中其值保持不變的量，有數(shù)值常量和字符串常量?jī)煞N。在 VBScript中，字符串常量只能使用雙引號(hào)作為定界符。與 VBScript 不同，在 JavaScript 中不僅允許使用雙引號(hào)和單引號(hào)作

16、為定界符，而且允許雙引號(hào)和單引號(hào)相互嵌套。課題 JavaScript 語(yǔ)言基礎(chǔ). 變量變量是程序執(zhí)行過(guò)程中可能發(fā)生變化的量。使用 var 關(guān)鍵字對(duì)變量進(jìn)行顯式聲明，不能使用 Var 和 VAR，JavaScript 對(duì)關(guān)鍵字的大小寫(xiě)敏感 (v 和 V 是不同的字符)。聲明變量的語(yǔ)法格式如下:var 變量 值;變量可以在聲明的同時(shí)賦值，也可以在聲明后使用過(guò)程中再賦值。賦值語(yǔ)句的語(yǔ)法格式如下:變量 表達(dá)式;課題 JavaScript 語(yǔ)言基礎(chǔ)變量的有效范圍稱為變量的作用域。JavaScript 有局部變量和全局變量?jī)煞N變量。局部變量是指只能在本變量聲明的函數(shù)內(nèi)部調(diào)用的變量。全局變量是指在整個(gè)代碼中

17、都可以調(diào)用的變量。JavaScript 中也可以隱式地使用變量，即不用聲明，直接使用。注意，JavaScript 總是把隱式聲明的變量當(dāng)成全局變量來(lái)使用。課題 JavaScript 語(yǔ)言基礎(chǔ)四、函數(shù)函數(shù)是指實(shí)現(xiàn)某一特定功能的小程序段，JavaScript 除了提供大量實(shí)用的內(nèi)部函數(shù)外，還允許用戶自定義函數(shù)。. 內(nèi)部函數(shù). 自定義函數(shù)使用自定義函數(shù)分為兩個(gè)步驟: 函數(shù)定義和函數(shù)調(diào)用。一般情況下在 和 之間定義函數(shù)，在 和 之間調(diào)用函數(shù)。課題 JavaScript 語(yǔ)言基礎(chǔ)五、運(yùn)算符和優(yōu)先級(jí)表達(dá)式是用運(yùn)算符把常量、變量和函數(shù)連接起來(lái)的式子。一個(gè)表達(dá)式可以只包含一個(gè)常量或一個(gè)變量。運(yùn)算符可以是四則運(yùn)

18、算符、關(guān)系運(yùn)算符、邏輯運(yùn)算符、復(fù)合運(yùn)算符等。在計(jì)算表達(dá)式的值時(shí)，按照運(yùn)算符的優(yōu)先級(jí)從高到低依次進(jìn)行計(jì)算。優(yōu)先級(jí)相同時(shí)，按照從左到右的順序進(jìn)行計(jì)算。使用( )可以改變計(jì)算的順序。課題 JavaScript 語(yǔ)言基礎(chǔ)六、數(shù)組數(shù)組是相同類型的變量按順序組成的一種復(fù)合數(shù)據(jù)類型，這些相同類型的變量稱為數(shù)組元素。數(shù)組通過(guò)數(shù)組名加索引來(lái)使用數(shù)組的元素。. 定義數(shù)組var 變量 new Array (元素1，元素2， ，元素 n )；. 引用數(shù)組數(shù)組名索引. 遍歷數(shù)組在使用數(shù)組時(shí)，經(jīng)常需要依次訪問(wèn)數(shù)組中的每個(gè)元素，這種操作稱為數(shù)組的遍歷。JavaScript 中數(shù)組遍歷最簡(jiǎn)單的辦法是使用 for 循環(huán)并用數(shù)組

19、長(zhǎng)度 “ 數(shù)組名 . length” 作為 for 循環(huán)最大限度值。除此之外也可以使用 for in 循環(huán)。課題 JavaScript 語(yǔ)言基礎(chǔ)七、語(yǔ)句. 輸入與輸出語(yǔ)句() 輸入() 輸出使用 document . write ( ) 方法在瀏覽器窗口輸出，使用 alert ( ) 方法在對(duì)話框中輸出。. 選擇結(jié)構(gòu)語(yǔ)句選擇結(jié)構(gòu)是按照給定的邏輯條件來(lái)決定執(zhí)行的順序，有單向選擇、雙向選擇和多向選擇之分，但是程序在執(zhí)行過(guò)程中都只是執(zhí)行其中的一條分支。選擇語(yǔ)句分為 if 條件語(yǔ)句和 switch 語(yǔ)句。課題 JavaScript 語(yǔ)言基礎(chǔ)() if 條件語(yǔ)句if (條件語(yǔ)句)執(zhí)行語(yǔ)句;課題 Java

20、Script 語(yǔ)言基礎(chǔ)) if else 語(yǔ)句if (條件)語(yǔ)句1;else語(yǔ)句2;) if else if else語(yǔ)句if (條件1)課題 JavaScript 語(yǔ)言基礎(chǔ)語(yǔ)句1;else if(條件2)語(yǔ)句2;else語(yǔ)句3;課題 JavaScript 語(yǔ)言基礎(chǔ)() switch 語(yǔ)句在 JavaScript 中，switch 語(yǔ)句也是選擇結(jié)構(gòu)中很常用的語(yǔ)句，功能與 if 語(yǔ)句類似。switch語(yǔ)句用于將一個(gè)表達(dá)式同多個(gè)值進(jìn)行比較，并根據(jù)比較結(jié)果選擇執(zhí)行語(yǔ)句。語(yǔ)法格式如下:switch(表達(dá)式)case 值1:語(yǔ)句組1;break;case 值2:語(yǔ)句組2;break; case 值 n:

21、語(yǔ)句組 n;break;default:語(yǔ)句組 n 1;課題 JavaScript 語(yǔ)言基礎(chǔ). 循環(huán)結(jié)構(gòu)語(yǔ)句循環(huán)結(jié)構(gòu)可以實(shí)現(xiàn)將某一段代碼多次重復(fù)執(zhí)行，在 JavaScript 中可以使用 for 循環(huán)、for in 循環(huán)、while 循環(huán)和 do while 循環(huán)四種。() for 循環(huán)for 循環(huán)語(yǔ)句是最常用的循環(huán)語(yǔ)句，一般用在循環(huán)次數(shù)已知的情況下。for (初始化表達(dá)式;循環(huán)條件;操作表達(dá)式)循環(huán)體;課題 JavaScript 語(yǔ)言基礎(chǔ)() for in循環(huán)for in 循環(huán)用于遍歷數(shù)組或者對(duì)象的屬性，即對(duì)數(shù)組或者對(duì)象的屬性進(jìn)行循環(huán)操作。for (變量 in 對(duì)象)循環(huán)體;課題 JavaS

22、cript 語(yǔ)言基礎(chǔ)() while 循環(huán)while 循環(huán)在 “循環(huán)條件” 的值為真 (true) 時(shí)執(zhí)行 “循環(huán)體”，否則結(jié)束循環(huán)。while (循環(huán)條件)循環(huán)體;課題 JavaScript 語(yǔ)言基礎(chǔ)() do while 循環(huán)do while 循環(huán)與 while 循環(huán)類似，不同的是 do while 循環(huán)在判斷 “循環(huán)條件” 的值之前先執(zhí)行 “循環(huán)體”，也就是說(shuō)至少會(huì)執(zhí)行一次 “循環(huán)體”。do循環(huán)體;while (循環(huán)條件);課題 JavaScript 語(yǔ)言基礎(chǔ)課題 JavaScript 對(duì)象化編程學(xué)習(xí)目標(biāo). 了解瀏覽器對(duì)象模型和文檔對(duì)象模型，掌握 JavaScript 中常用的對(duì)象和事件

23、。. 能利用 JavaScript 中對(duì)象的屬性、事件和方法，制作數(shù)字時(shí)鐘特效、動(dòng)態(tài)改變文本特效、打開(kāi)新窗口特效、狀態(tài)欄打印機(jī)特效和在狀態(tài)欄設(shè)置日期時(shí)間特效。相關(guān)知識(shí)JavaScript是基于對(duì)象 (Object Based) 的編程語(yǔ)言?；趯?duì)象與面向?qū)ο?(Object Oriented) 不同，它不提供抽象、繼承、重載等有關(guān)面向?qū)ο笳Z(yǔ)言的功能?；趯?duì)象的編程語(yǔ)言仍具有一些面向?qū)ο蟮幕咎卣?，可以根?jù)需要?jiǎng)?chuàng)建自己的對(duì)象，進(jìn)一步擴(kuò)大語(yǔ)言的應(yīng)用范圍，編寫(xiě)出功能強(qiáng)大的 Web 文檔。課題 JavaScript 對(duì)象化編程一、BOM 和 DOM 結(jié)構(gòu)JavaScript 以 BOM 和 DOM 中

24、定義的對(duì)象模型及操作方法為基礎(chǔ)，支持 BOM 和 DOM 提供的對(duì)象模型，根據(jù)其對(duì)象模型層次結(jié)構(gòu)訪問(wèn)目標(biāo)對(duì)象的屬性并對(duì)對(duì)象施加相應(yīng)的操作。BOM 是 Browser Odject Model 的縮寫(xiě)，即瀏覽器對(duì)象模型。BOM 提供獨(dú)立于頁(yè)面內(nèi)容而與瀏覽器窗口進(jìn)行交互的對(duì)象。DOM 是 Document Odject Model 的縮寫(xiě)，即文檔對(duì)象模型。DOM 是 W3C 制定的標(biāo)準(zhǔn)。課題 JavaScript 對(duì)象化編程BOM 中定義了六種重要的對(duì)象:() window 對(duì)象表示瀏覽器中打開(kāi)的窗口。() navigator 對(duì)象包含了有關(guān)瀏覽器的信息。() location 對(duì)象包含了瀏覽器當(dāng)

25、前的 URL 信息。() document 對(duì)象表示瀏覽器中加載頁(yè)面的文檔對(duì)象。課題 JavaScript 對(duì)象化編程BOM 和 DOM 結(jié)構(gòu)課題 JavaScript 對(duì)象化編程() history 對(duì)象包含了瀏覽器訪問(wèn)網(wǎng)頁(yè)的歷史信息。() screen 對(duì)象包含了客戶端顯示屏幕的信息。瀏覽器會(huì)為每一個(gè)網(wǎng)頁(yè)自動(dòng)創(chuàng)建 window 對(duì)象、navigater 對(duì)象、location 對(duì)象、document 對(duì)象、history 對(duì)象和 screen 對(duì)象。window 對(duì)象位于瀏覽器所有對(duì)象的最頂層，其他五個(gè)對(duì)象都是該 window 對(duì)象的子對(duì)象。課題 JavaScript 對(duì)象化編程二、Jav

26、aScript 對(duì)象在JavaScript 中，對(duì)象是一種特殊的數(shù)據(jù)，擁有屬性和方法。屬性是指與對(duì)象有關(guān)的值，方法是指對(duì)象可以執(zhí)行的行為 (或者可以完成的功能)。課題 JavaScript 對(duì)象化編程屬性與方法的引用. window 對(duì)象window 對(duì)象對(duì)應(yīng) Web 瀏覽器的窗口，使用它可以直接對(duì)瀏覽器窗口進(jìn)行操作。window 對(duì)象提供的主要功能可以分為以下 5 類: 調(diào)整窗口的大小和位置、打開(kāi)新窗口、系統(tǒng)提示框、狀態(tài)欄控制和定時(shí)操作。() 調(diào)整窗口的大小和位置課題 JavaScript 對(duì)象化編程調(diào)整窗口的大小和位置的方法() 打開(kāi)新窗口window 對(duì)象的 open ( )方法用于從一

27、個(gè)窗口中新開(kāi)一個(gè)窗口。課題 JavaScript 對(duì)象化編程系統(tǒng)提示框的方法() 系統(tǒng)提示框() 狀態(tài)欄控制window 對(duì)象的 status 屬性可設(shè)置或返回窗口狀態(tài)欄中的文本。瀏覽器狀態(tài)欄的顯示信息可以通過(guò) window . status 屬性直接進(jìn)行修改。設(shè)置在狀態(tài)欄中顯示文本的代碼如下:window . status=顯示文本在狀態(tài)欄!;課題 JavaScript 對(duì)象化編程課題 JavaScript 對(duì)象化編程定時(shí)操作的方法() 定時(shí)操作課題 JavaScript 對(duì)象化編程. document 對(duì)象document 對(duì)象是 window 對(duì)象的子對(duì)象，每個(gè)載入瀏覽器的 HTML 文

28、檔都會(huì)成為 document對(duì)象。document 對(duì)象包含當(dāng)前文檔的信息，如標(biāo)題、背景顏色、表單、表格等。document 對(duì)象常用于向?yàn)g覽器輸出內(nèi)容或者獲得當(dāng)前文檔中的信息。. form 對(duì)象form 對(duì)象是 document 對(duì)象的一個(gè)子對(duì)象，表示表單對(duì)象。一個(gè)文檔中的每一個(gè)表單都是獨(dú)立的、互不關(guān)聯(lián)的對(duì)象，document . formName 或 document . forms index 用于獲取對(duì)某個(gè)form 的引用，其中 index 的值在 0 到此文檔中的 form 數(shù)減 1 之間。獲取指定的 form 對(duì)象后，就可以使用它來(lái)獲取 form 中的各個(gè)元素。課題 JavaScr

29、ipt 對(duì)象化編程. screen 對(duì)象screen 對(duì)象包含有關(guān)客戶端顯示屏幕的信息。JavaScript 程序可以利用這些信息優(yōu)化它們的輸出，以達(dá)到用戶的顯示要求。. JavaScript 核心對(duì)象JavaScript 核心對(duì)象是 ECMAScript 標(biāo)準(zhǔn)定義的一些對(duì)象與函數(shù)。課題 JavaScript 對(duì)象化編程JavaScript 核心對(duì)象三、JavaScript 事件課題 JavaScript 對(duì)象化編程JavaScript 常用事件課題 制作表單驗(yàn)證類特效學(xué)習(xí)目標(biāo). 能使用 JavaScript 函數(shù)實(shí)現(xiàn)表單驗(yàn)證。. 能使用正則表達(dá)式實(shí)現(xiàn)即時(shí)提示錯(cuò)誤的表單驗(yàn)證。相關(guān)知識(shí)JavaS

30、cript 可以實(shí)現(xiàn)在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的輸入數(shù)據(jù)進(jìn)行驗(yàn)證。被 JavaScript 驗(yàn)證的典型表單數(shù)據(jù)包括: 用戶是否已填寫(xiě)表單中的必填項(xiàng)目、用戶輸入的郵件地址是否合法、用戶是否已輸入合法的日期、用戶是否在數(shù)據(jù)域中輸入了文本。課題 制作表單驗(yàn)證類特效. 獲取表單元素的值document . 表單名稱.表單元素名稱 . value. 判斷表單元素值是否滿足條件. 設(shè)置表單的 onsubmit 提交事件. this 關(guān)鍵字如果在 JavaScript 的 “ 主程序” 中 ( 不在任何 function 中，不在任何事件處理程序中)使用 this ，它代表 window 對(duì)象

31、。如果在事件處理程序中使用 this ，它代表發(fā)生事件的對(duì)象。課題 制作表單驗(yàn)證類特效二、正則表達(dá)式正則表達(dá)式 ( Regular Expression) 描述了強(qiáng)大的模式匹配和文本檢索與替換函數(shù)的方法，用于檢查字符串是否含有某子串、將匹配的子串進(jìn)行替換或者從某字符串抽取出符合條件的子串等。. RegExp 對(duì)象RegExp 對(duì)象表示正則表達(dá)式，是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。() 直接量語(yǔ)法/ pattern /attributes() 創(chuàng)建 RegExp 對(duì)象的語(yǔ)法new RegExp(pattern，attributes) 課題 制作表單驗(yàn)證類特效. 修飾符. 方括號(hào). 元字符. 量詞

32、. RegExp 對(duì)象屬性. RegExp 對(duì)象方法. 支持正則表達(dá)式的 String 對(duì)象的方法. 正則表達(dá)式符號(hào)總表. 常用正則表達(dá)式課題 制作表單驗(yàn)證類特效課題 制作表單驗(yàn)證類特效常用正則表達(dá)式課題 制作層切換和層提示特效學(xué)習(xí)目標(biāo). 能制作層切換特效。. 能制作層提示特效。相關(guān)知識(shí)一、getElementById ( )方法getElementById ( ) 方法根據(jù)指定的 id 屬性值獲取對(duì)象。假如對(duì)應(yīng)的為一組對(duì)象，則返回該組對(duì)象中的第一個(gè)，即 getElementById ( ) 方法可返回?fù)碛兄付?id 的第一個(gè)對(duì)象的引用。在操作文檔的一個(gè)特定元素時(shí)，最好給該元素一個(gè)id 屬性，

33、在文檔中為它指定一個(gè)唯一的名稱，然后就可以用該 id 查找想要的元素。Elementdocument . getElementById(“id”) ;課題 制作層切換和層提示特效二、display 屬性display 屬性設(shè)置元素如何顯示，其值為 “none” 時(shí)，元素不會(huì)被顯示；其值為 “block”時(shí)，元素將顯示為塊級(jí)元素，元素前后會(huì)帶有換行符。Object . style . display“none block ;課題 制作層切換和層提示特效三、層切換和層提示制作原理. 獲取對(duì)象，設(shè)置顯示屬性. 初始時(shí)隱藏所有對(duì)象. 顯示對(duì)象. 隱藏對(duì)象. 移入時(shí)顯示對(duì)象，移出時(shí)隱藏對(duì)象課題 制作層切

34、換和層提示特效課題 制作菜單類特效學(xué)習(xí)目標(biāo). 能制作純 HTML CSS 的菜單特效。. 能制作 JavaScript CSS 的菜單特效。相關(guān)知識(shí)一、導(dǎo)航菜單導(dǎo)航菜單是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的部分，是人們?yōu)g覽網(wǎng)站時(shí)從一個(gè)頁(yè)面轉(zhuǎn)到另一個(gè)頁(yè)面的快速通道。導(dǎo)航菜單的種類繁多，最基本的有三種形式: 橫向?qū)Ш讲藛?、縱向?qū)Ш讲藛魏拖吕讲藛?。制作?dǎo)航菜單的技術(shù)有很多，可以采用純 HTML CSS 、JavaScript CSS 或 jQuery 等技術(shù)制作菜單特效。課題 制作菜單類特效二、HTML CSS 二級(jí)菜單制作原理不使用 JavaScript，只使用 HTML CSS 也能制作出精美的二級(jí)菜單特效，

35、其原理是使用:hover 偽類控制子選項(xiàng)的顯示與隱藏。. 增加專門(mén)用于控制導(dǎo)航菜單的 Div. 一級(jí)菜單設(shè)置. 二級(jí)菜單設(shè)置() 二級(jí)菜單定位與隱藏() 二級(jí)菜單顯示() 二級(jí)菜單變換鏈接效果設(shè)置課題 制作菜單類特效三、JavaScript CSS 二級(jí)菜單制作原理() 每個(gè)一級(jí)菜單都對(duì)應(yīng)一個(gè)層，而這個(gè)層里存放著該一級(jí)菜單對(duì)應(yīng)的二級(jí)菜單。二級(jí)菜單排列形狀不同，就構(gòu)成了不同形式的菜單。如果排列成橫向，制作出來(lái)的就是橫向?qū)Ш讲藛危蝗绻帕谐煽v向，制作出來(lái)的就是縱向?qū)Ш讲藛巍?) 默認(rèn)情況下，二級(jí)菜單這個(gè)層是隱藏的。通過(guò) 標(biāo)簽 onload 事件調(diào)用初始化函數(shù)，在 CSS 中將需要被隱藏層的 dis

36、play 屬性值設(shè)為 “none”，可以達(dá)到此目的。() 當(dāng)鼠標(biāo)移入一級(jí)菜單時(shí)，對(duì)應(yīng)的二級(jí)菜單層顯示。在 JavaScript 中通過(guò)鼠標(biāo)移入事件 onmouseover 調(diào)用自定義的顯示層函數(shù)，將層的 display 屬性值設(shè)為 “block”。課題 制作菜單類特效() 當(dāng)鼠標(biāo)從一級(jí)菜單中移開(kāi)時(shí)，對(duì)應(yīng)的二級(jí)菜單層隱藏。在 Javascript 中通過(guò)鼠標(biāo)移出事件 onmouseout 調(diào)用自定義的隱藏層函數(shù)，將層的 display 屬性值設(shè)為 “none”。() 鼠標(biāo)從一級(jí)菜單移到二級(jí)菜單上時(shí)，二級(jí)菜單也不能隱藏，因此，對(duì)二級(jí)菜單必須將其設(shè)為: 當(dāng)鼠標(biāo)移入時(shí)顯示當(dāng)前層，當(dāng)鼠標(biāo)移出時(shí)隱藏當(dāng)前層

37、。課題 制作菜單類特效課題 制作廣告類特效學(xué)習(xí)目標(biāo). 能制作路徑不固定、可關(guān)閉的漂浮廣告特效。. 能制作可關(guān)閉的對(duì)聯(lián)廣告特效。. 能制作帶數(shù)字導(dǎo)航的橫幅廣告特效。. 能制作可折疊的商品分類廣告特效。相關(guān)知識(shí)一、路徑不固定的漂浮廣告漂浮廣告 (Floating Advertising) 是指漂浮在網(wǎng)站首頁(yè)或各版塊、帖子等頁(yè)面的漂移形式的廣告。課題 制作廣告類特效漂浮路徑示意圖. 運(yùn)動(dòng)軌跡的控制. 暫停與繼續(xù)移動(dòng)的控制. 關(guān)閉的控制課題 制作廣告類特效二、對(duì)聯(lián)廣告對(duì)聯(lián)廣告是指利用網(wǎng)站頁(yè)面左右兩側(cè)的豎式廣告位而設(shè)計(jì)的廣告形式。課題 制作廣告類特效可關(guān)閉對(duì)聯(lián)廣告. 在網(wǎng)站上掛對(duì)聯(lián). 對(duì)聯(lián)廣告隨頁(yè)面瀏覽

38、跟隨移動(dòng)實(shí)現(xiàn)對(duì)聯(lián)廣告隨頁(yè)面瀏覽跟隨移動(dòng)特效，必須獲取當(dāng)前頁(yè)面的滾動(dòng)條縱坐標(biāo)，并根據(jù)用戶操作動(dòng)態(tài)調(diào)整滾動(dòng)條縱坐標(biāo)。課題 制作廣告類特效三、帶數(shù)字導(dǎo)航的橫幅廣告橫幅廣告 (Banner Ad) 是橫跨于網(wǎng)頁(yè)上的矩形公告牌，表現(xiàn)商家廣告內(nèi)容的圖片放置在頁(yè)面上，當(dāng)單擊這些橫幅的時(shí)候，通?？梢枣溄拥綇V告主的網(wǎng)頁(yè)。課題 制作廣告類特效帶數(shù)字導(dǎo)航的橫幅廣告. 輪播廣告. 切換廣告四、可折疊的商品分類廣告在商品分類下，單擊某類商品可展開(kāi)該分支，再次單擊該類商品可折疊該分支。課題 制作廣告類特效可折疊的商品分類廣告. eval ( )函數(shù). 可折疊商品廣告核心代碼分析課題 制作廣告類特效課題 7制作滾動(dòng)類和日期

39、類特效學(xué)習(xí)目標(biāo). 能制作無(wú)縫文字滾動(dòng)廣告特效。. 能制作無(wú)縫圖片滾動(dòng)廣告特效。. 能制作可手動(dòng)控制的無(wú)縫圖片滾動(dòng)廣告特效。. 能制作日歷顯示特效。. 能制作倒計(jì)時(shí)特效。相關(guān)知識(shí)一、 無(wú)縫文字滾動(dòng)廣告. Marquee 標(biāo)記的缺陷制作文字滾動(dòng)類特效時(shí)，可使用 Marquee 標(biāo)記來(lái)實(shí)現(xiàn)文字在水平或垂直方向上的滾動(dòng)。在文字滾動(dòng)的過(guò)程中，總會(huì)有一段時(shí)間出現(xiàn)無(wú)滾動(dòng)文字的情況，這是使用 Marquee 標(biāo)記制作文字滾動(dòng)類特效的一個(gè)缺陷。 為了彌補(bǔ)這個(gè)缺陷，可使用 Div 層和 JavaScript 腳本代碼實(shí)現(xiàn)廣告的無(wú)縫連續(xù)滾動(dòng)。課題 7制作滾動(dòng)類和日期類特效. 無(wú)縫滾動(dòng)原理課題 7制作滾動(dòng)類和日期類特

40、效準(zhǔn)備滾動(dòng)課題 7制作滾動(dòng)類和日期類特效滾動(dòng)中. 暫停與繼續(xù)滾動(dòng)設(shè)置一個(gè)實(shí)時(shí)器，當(dāng)鼠標(biāo)移入時(shí)清除定時(shí)器，達(dá)到暫停的目的。 當(dāng)鼠標(biāo)移出時(shí)，重新設(shè)置定時(shí)器，繼續(xù)滾動(dòng)。二、 無(wú)縫圖片滾動(dòng)廣告無(wú)縫圖片滾動(dòng)廣告的工作原理與無(wú)縫文字滾動(dòng)廣告相同，區(qū)別是滾動(dòng)方向不同。 無(wú)縫文字滾動(dòng)廣告從下向上滾動(dòng)，無(wú)縫圖片滾動(dòng)廣告從右向左滾動(dòng)。課題 7制作滾動(dòng)類和日期類特效滾動(dòng)到交界時(shí)還原制作無(wú)縫圖片滾動(dòng)廣告與制作無(wú)縫文字滾動(dòng)廣告有兩點(diǎn)不同:() 需要把無(wú)縫文字滾動(dòng)源程序中的 offsetTop 改成 offsetLeft ，offsetHeight 改成 offsetWidth。() 為了使圖片水平排列，需要多添加一個(gè)

41、Div，并設(shè)置左浮動(dòng)。課題 7制作滾動(dòng)類和日期類特效無(wú)縫圖片滾動(dòng)廣告三、 可手動(dòng)控制的無(wú)縫圖片滾動(dòng)廣告在無(wú)縫圖片滾動(dòng)的基礎(chǔ)上，增加左、 右兩個(gè)箭頭，當(dāng)鼠標(biāo)單擊左、 右箭頭時(shí)，可以手動(dòng)控制圖片的滾動(dòng)，當(dāng)釋放鼠標(biāo)時(shí)，圖片繼續(xù)無(wú)縫滾動(dòng)。. 移動(dòng)寬度. 變速移動(dòng)課題 7制作滾動(dòng)類和日期類特效可手動(dòng)控制的無(wú)縫圖片滾動(dòng)廣告四、 日歷顯示. 年、 月、 日的獲取. 時(shí)、 分、 秒的獲取. 星期的獲取. 輸出日歷課題 7制作滾動(dòng)類和日期類特效日歷顯示特效五、 倒計(jì)時(shí)倒計(jì)時(shí)是從未來(lái)某一時(shí)間點(diǎn)向現(xiàn)在計(jì)算時(shí)間，用于表示距離某一期限還有多少時(shí)間。課題 7制作滾動(dòng)類和日期類特效倒計(jì)時(shí)特效課題 8 制作網(wǎng)頁(yè)輔助類特效學(xué)習(xí)

42、目標(biāo). 能制作設(shè)為主頁(yè)和添加收藏特效。. 能使用 JavaScript 動(dòng)態(tài)改變 CSS。. 能制作全國(guó)省、 市、 區(qū)三級(jí)聯(lián)動(dòng)特效。相關(guān)知識(shí)一、 設(shè)為主頁(yè)和添加收藏. 設(shè)為主頁(yè)() 通過(guò) IE 瀏覽器 “Internet 選項(xiàng)” 設(shè)置主頁(yè)的方法打開(kāi) IE 瀏覽器工具菜單 Internet 選項(xiàng)常規(guī)主頁(yè) (文本框中輸入要設(shè)為主頁(yè)的網(wǎng)址) 確定關(guān)閉瀏覽器。() 通過(guò) JavaScript 程序代碼設(shè)置主頁(yè)設(shè)為首頁(yè) 課題 8 制作網(wǎng)頁(yè)輔助類特效. 添加收藏收藏夾可以讓用戶上網(wǎng)時(shí)方便記錄自己喜歡的、 常用的網(wǎng)站。收藏網(wǎng)頁(yè)的方法有多種:() 使用 IE 瀏覽器 “收藏夾” 菜單中 “添加到收藏夾” 命令

43、收藏網(wǎng)頁(yè)。() 使用快捷鍵 【Ctrl D】收藏網(wǎng)頁(yè)。() 使用 JavaScript 程序代碼收藏網(wǎng)頁(yè)。通過(guò) JavaScript 程序代碼添加收藏的語(yǔ)法格式如下:課題 8 制作網(wǎng)頁(yè)輔助類特效二、 使用 JavaScript 動(dòng)態(tài)改變 CSSCSS 用于網(wǎng)頁(yè)中樣式的定義，它起到了美化網(wǎng)頁(yè)的作用。 通過(guò) JavaScript 和 CSS 聯(lián)合使用，可以動(dòng)態(tài)加載不同的 CSS 樣式表文件，實(shí)現(xiàn)同一網(wǎng)頁(yè)顯示效果的 “大變臉”。三、 省、 市、 區(qū)三級(jí)聯(lián)動(dòng)省、 市、 區(qū)三級(jí)聯(lián)動(dòng)的顯示效果: 選擇省份后，自動(dòng)顯示該省所轄各市信息，選擇城市后，自動(dòng)顯示該市所轄區(qū)或縣信息。課題 8 制作網(wǎng)頁(yè)輔助類特效謝謝

44、模塊三 Flash 高級(jí)特效31課題 ActionScript 語(yǔ)言基礎(chǔ)2課題 制作菜單類特效課題 制作 UI 類特效目錄456課題 制作鼠標(biāo)類特效課題 制作時(shí)鐘類特效課題 制作 Loading 預(yù)載特效課題 ActionScript 語(yǔ)言基礎(chǔ)學(xué)習(xí)目標(biāo). 能使用 “動(dòng)作” 面板創(chuàng)建動(dòng)作。. 掌握常量、 變量、 函數(shù)、 運(yùn)算符的概念，能根據(jù)需要正確書(shū)寫(xiě)表達(dá)式，能正確自定義函數(shù)。. 掌握分支語(yǔ)句、 循環(huán)語(yǔ)句和常用動(dòng)作腳本語(yǔ)句，能在幀、 按鈕和影片剪輯上添加動(dòng)作腳本語(yǔ)句，實(shí)現(xiàn)一定的動(dòng)畫(huà)效果。相關(guān)知識(shí)一、 ActionScript 簡(jiǎn)介ActionScript 的中文名稱為 “ 動(dòng)作腳本”，它是 Fl

45、ash 專用的一種編程語(yǔ)言，用于控制 Flash 內(nèi)容的播放方式。課題 ActionScript 語(yǔ)言基礎(chǔ)二、 第一個(gè) ActionScript 程序() ActionScript 3.0和 ActionScript 2.0不完全兼容。() ActionScript 腳本代碼只能添加到關(guān)鍵幀、 按鈕和影片剪輯中。與時(shí)序有關(guān)的行為(如到達(dá)某一時(shí)刻就執(zhí)行某一行為) 必須添加到關(guān)鍵幀上；與事件相關(guān)的行為 (如單擊鼠標(biāo)就執(zhí)行某一行為) 必須添加到按鈕或影片剪輯上。()“動(dòng)作” 面板有兩種不同的工作模式: 標(biāo)準(zhǔn)模式和專家模式。() trace 語(yǔ)句在測(cè)試模式下計(jì)算表達(dá)式并在 “輸出” 面板中顯示結(jié)果。

46、trace 輸出的信息只能在測(cè)試影片 (.fla文件) 時(shí)觀察到， 導(dǎo)出影片 (.swf文件) 后就不能顯示任何信息。課題 ActionScript 語(yǔ)言基礎(chǔ)() ActionScript 中使用 “ / ” 表示單行注釋，使用 “ / ” 表示多行注釋，從 “ /”開(kāi)始，到 “/ ” 結(jié)束。課題 ActionScript 語(yǔ)言基礎(chǔ)轉(zhuǎn)義符三、 常量和變量. 常量常量是程序運(yùn)行過(guò)程中其值保持不變的量，包括數(shù)值型、 字符串型和邏輯型三種類型。() 數(shù)值型常量該類常量是具體的數(shù)值，常用于表示參數(shù)的值。() 字符串型常量與數(shù)值型常量不同的是，該類常量必須在字符串的兩端添加雙引號(hào)。() 邏輯型常量該類常

47、量又稱布爾型常量，它用于表明一個(gè)條件是否成立，如果成立，用 true 或非 0 值(如 ) 表示 如果不成立，用 flase 或 0 表示。課題 ActionScript 語(yǔ)言基礎(chǔ). 變量變量是程序執(zhí)行過(guò)程中可以被改變的量。() 變量的命名規(guī)則) 第一個(gè)字符必須是字母、 下劃線或符號(hào) “”，后面的字符可以是字母、 數(shù)字、 下劃線和符號(hào) “” 的有效組合，避免使用空格和句號(hào)等。) 不能使用 ActionScript 保留的關(guān)鍵字，if、 for 等關(guān)鍵字不能用作變量名。) 不能使用布爾值 true 或 false 作為變量名。) 變量名盡量具有一定的含義，做到見(jiàn)名知義，以便于區(qū)分和記憶。 在保持

48、意義明確的同時(shí)盡可能使用短變量名。) 變量名在其作用范圍內(nèi)必須是唯一的。) 使用變量前要先定義再使用。課題 ActionScript 語(yǔ)言基礎(chǔ)() 變量的類型) 按變量的作用劃分?jǐn)?shù)值型 ( Number ) 變量: 一般用于存儲(chǔ)一些特定的數(shù)值，如年齡等。邏輯型變量: 用于判斷指定的條件是否成立，其值有兩種，即 true 或 false 。字符串型 ( String ) 變量: 主要用于保存特定的文本信息，如姓名等。對(duì)象型 ( Object ) 變量: 用于存儲(chǔ)對(duì)象型的數(shù)據(jù)。影片剪輯型 (MovieClip) 變量: 用于存儲(chǔ)影片剪輯型數(shù)據(jù)。未定義型 (undefined) 變量: 當(dāng)一個(gè)變量沒(méi)

49、有定義任何類型時(shí)，即為未定義型。課題 ActionScript 語(yǔ)言基礎(chǔ)) 按變量的作用范圍劃分全局變量: 全局變量是指在整個(gè)文件中都有效的變量。 如果要聲明一個(gè)全局變量，只要給該變量直接賦值或者使用 set 語(yǔ)句賦值即可。變量名表達(dá)式;set(變量名,表達(dá)式);局部變量: 局部變量的作用范圍是它所在的程序段，可以使用 var 語(yǔ)句聲明一個(gè)局部變量。 var 變量名;var 變量名=表達(dá)式;課題 ActionScript 語(yǔ)言基礎(chǔ)) 按強(qiáng)弱程度劃分弱類型變量 (weak typing): 弱類型變量是不顯式指定數(shù)據(jù)類型的變量。 var 變量名;強(qiáng)類型變量 (strong typing): 強(qiáng)類

50、型變量是指定數(shù)據(jù)類型的變量。 var 變量:變量類型;利用強(qiáng)類型變量可以讓編譯器幫助用戶處理數(shù)據(jù)類型問(wèn)題。 強(qiáng)類型變量包括變量的類型信息，編譯器每次使用變量時(shí)，都會(huì)檢查被賦予的數(shù)據(jù)與被賦予變量的類型是否匹配。 無(wú)論何時(shí)編譯器發(fā)現(xiàn)一個(gè)潛在的數(shù)據(jù)類型不兼容，它都會(huì)報(bào)告錯(cuò)誤并且拒絕完成編譯。課題 ActionScript 語(yǔ)言基礎(chǔ)四、 函數(shù). 函數(shù)的概念及分類函數(shù)是執(zhí)行特定任務(wù)并可以在程序中重用的代碼塊。 利用函數(shù)編程，可以重復(fù)利用代碼，提高編程效率。Flash 函數(shù)分為標(biāo)準(zhǔn)函數(shù) (全局函數(shù)) 和自定義函數(shù)兩種。. 標(biāo)準(zhǔn)函數(shù) (全局函數(shù))標(biāo)準(zhǔn)函數(shù)是 Flash 自帶的已經(jīng)編寫(xiě)好的函數(shù)，用戶只需直接調(diào)

51、用即可，如最大值函數(shù) max( )、 最小值函數(shù) min( )、 隨機(jī)函數(shù) random( )等。課題 ActionScript 語(yǔ)言基礎(chǔ). 自定義函數(shù)自定義函數(shù)由用戶根據(jù)需要自行定義，在 Flash 中可以使用 function 語(yǔ)句創(chuàng)建自定義函數(shù)。() 自定義函數(shù)的語(yǔ)法格式functin 函數(shù)名(參數(shù):參數(shù)類型,參數(shù):參數(shù)類型,):函數(shù)返回?cái)?shù)據(jù)類型函數(shù)體;課題 ActionScript 語(yǔ)言基礎(chǔ)() 調(diào)用函數(shù)() 傳遞參數(shù)() 自定義函數(shù)中常見(jiàn)的錯(cuò)誤() 從函數(shù)返回值有時(shí)函數(shù)可以像使用子程序一樣，不返回值。 有時(shí)函數(shù)在進(jìn)行某些計(jì)算或操作后，返回一個(gè)值。在函數(shù)中使用 return 語(yǔ)句返回一

52、個(gè)特定的值， return 語(yǔ)句會(huì)將其結(jié)果立即返回給發(fā)出調(diào)用的代碼。returnexpression;課題 ActionScript 語(yǔ)言基礎(chǔ)() 編寫(xiě)匿名函數(shù)ActionScript 中除了支持使用標(biāo)準(zhǔn)的、 命名的函數(shù)語(yǔ)法定義函數(shù)外，還支持使用匿名函數(shù)，即允許創(chuàng)建一個(gè)沒(méi)有名字的函數(shù)，然后將該函數(shù)賦予一個(gè)變量。 var 變量:變量類型function(參數(shù)1:參數(shù)類型,參數(shù)2:參數(shù)類型,):函數(shù)返回類型函數(shù)體;課題 ActionScript 語(yǔ)言基礎(chǔ)五、 運(yùn)算符. 算術(shù)運(yùn)算符. 比較運(yùn)算符課題 ActionScript 語(yǔ)言基礎(chǔ)算術(shù)運(yùn)算符比較運(yùn)算符. 字符串運(yùn)算符 進(jìn)行連接時(shí)，對(duì)于不是字符串類

53、型的數(shù)值，先將其轉(zhuǎn)換成字符串，再進(jìn)行連接。 如果要將兩個(gè)數(shù)字類型的數(shù)字進(jìn)行連接，可以借助空字符串。. 邏輯運(yùn)算符課題 ActionScript 語(yǔ)言基礎(chǔ)邏輯運(yùn)算符. 賦值運(yùn)算符賦值運(yùn)算符的一種特殊形式是條件運(yùn)算符，其語(yǔ)法格式如下:變量條件?數(shù)值:數(shù)值/如果條件成立,則為數(shù)值1;如果不滿足,則為數(shù)值2課題 ActionScript 語(yǔ)言基礎(chǔ)賦值運(yùn)算符. 點(diǎn)運(yùn)算符點(diǎn)運(yùn)算符用來(lái)連接對(duì)象與嵌套在對(duì)象中的子對(duì)象，以及訪問(wèn)對(duì)象的屬性和方法。. 數(shù)組訪問(wèn)運(yùn)算符 數(shù)組是一個(gè)對(duì)象，其屬性稱為元素，這些元素由稱作索引的數(shù)字逐一標(biāo)識(shí)。 創(chuàng)建數(shù)組時(shí)，需用數(shù)組訪問(wèn)運(yùn)算符 (即方括號(hào) ) 括住元素。 一個(gè)數(shù)組可以包含各種

54、類型的元素。. typeof 運(yùn)算符typeof 運(yùn)算符返回一個(gè)用于標(biāo)識(shí)表達(dá)式的數(shù)據(jù)類型的字符串，可能的返回值為 string、movieclip、 object、 function、 number 或 boolean。課題 ActionScript 語(yǔ)言基礎(chǔ)六、 語(yǔ)句ActionScript 中的基本語(yǔ)句分為條件語(yǔ)句、 循環(huán)語(yǔ)句和動(dòng)作腳本語(yǔ)句三大類。. 條件語(yǔ)句程序要實(shí)現(xiàn)交互性，就必須對(duì)程序服務(wù)對(duì)象提交的數(shù)據(jù)做出判斷。 ActionScript 提供了四種可用來(lái)控制程序流的基本條件語(yǔ)句，即 if 、 ifelse、 if else if 和 switch 語(yǔ)句。. 循環(huán)語(yǔ)句循環(huán)語(yǔ)句可以將一段

55、代碼塊多次重復(fù)執(zhí)行。 ActionScript 提供了 for 循環(huán)、 for in循環(huán)、while 循環(huán)和 do while 循環(huán)四種。課題 ActionScript 語(yǔ)言基礎(chǔ). 常用動(dòng)作腳本語(yǔ)句() 影片剪輯控制) on ( )語(yǔ)句指定觸發(fā)動(dòng)作的鼠標(biāo)事件或按鍵。 當(dāng)事件發(fā)生時(shí)，執(zhí)行該事件后面大括號(hào) ( ) 中的語(yǔ)句。 on(mouseEvent) statements; ) onClipEvent ( ) 語(yǔ)句觸發(fā)為特定影片剪輯實(shí)例定義的動(dòng)作。 當(dāng)事件發(fā)生時(shí)，執(zhí)行該事件后面大括號(hào) ( ) 中的語(yǔ)句。 onClipEvent(movieEvent) statements; 課題 Action

56、Script 語(yǔ)言基礎(chǔ)) startDrag ( ) 語(yǔ)句使指定影片剪輯在影片播放過(guò)程中可拖動(dòng)。 一次只能拖動(dòng)一個(gè)影片剪輯。 執(zhí)行 startDrag( ) 操作后，影片剪輯將保持可拖動(dòng)狀態(tài)，直到用 stopDrag( ) 顯式停止拖動(dòng)為止，或直到對(duì)其他影片剪輯調(diào)用了 startDrag( ) 動(dòng)作為止。 startDrag(target,lock,left,top,right,bottom) ; ) stopDrag( ) 語(yǔ)句停止當(dāng)前由 stopDrag( ) 語(yǔ)句設(shè)定的拖動(dòng)操作。 stopDrag ( );課題 ActionScript 語(yǔ)言基礎(chǔ)) setProperty( ) 語(yǔ)句當(dāng)影

57、片剪輯播放時(shí)，更改影片剪輯的屬性值。 setProperty(target,property,value);) getProperty()語(yǔ)句返回指定影片剪輯的指定屬性的值。 語(yǔ)法格式如下:getProperty(instancename,property) duplicateMovieClip( )語(yǔ)句復(fù)制指定的影片剪輯，創(chuàng)建一個(gè)新的影片剪輯的實(shí)例。duplicateMovieClip(target,newname,depth);) removeMovieClip( )語(yǔ)句刪除指定的影片剪輯。removeMovieClip(target);課題 ActionScript 語(yǔ)言基礎(chǔ)() 時(shí)間軸

58、控制) play( )語(yǔ)句在時(shí)間軸中向前移動(dòng)播放頭，從當(dāng)前位置開(kāi)始播放 swf 文件。 play( ); ) stop( )語(yǔ)句停止當(dāng)前正在播放的 swf 文件。 此動(dòng)作最通常的用法是用按鈕控制影片剪輯。 stop( ) ;課題 ActionScript 語(yǔ)言基礎(chǔ)) gotoAndPlay ( )語(yǔ)句將播放頭轉(zhuǎn)到場(chǎng)景中指定的幀并從該幀開(kāi)始播放。 如果未指定場(chǎng)景，則播放頭將轉(zhuǎn)到當(dāng)前場(chǎng)景中的指定幀。 gotoAndPlay ( scene,frame );) gotoAndStop ( ) 語(yǔ)句將播放頭轉(zhuǎn)到場(chǎng)景中指定的幀并停止播放，如果未指定場(chǎng)景，播放頭將轉(zhuǎn)到當(dāng)前場(chǎng)景中的幀。gotoAndStop

59、 ( scene,frame);課題 ActionScript 語(yǔ)言基礎(chǔ)() 瀏覽器 / 網(wǎng)絡(luò)語(yǔ)句) fscommand ( ) 語(yǔ)句使 swf 文件與 Flash 播放器或承載 Flash 播放器的程序 ( 如 Web 瀏覽器) 進(jìn)行通信。 fscommand (command,parameters);) getURL ( ) 語(yǔ)句將來(lái)自特定 URL 的文檔加載到窗口中，或?qū)⒆兞總鬟f到位于所定義 URL 的另一個(gè)應(yīng)用程序。 getURL (url,window,method);) loadMovie ( ) 語(yǔ)句在播放原始 swf 文件時(shí)，將 swf 文件加載到 Flash 播放器中的影片剪

60、輯中。 loadMovie (url,target,method);課題 ActionScript 語(yǔ)言基礎(chǔ)) unloadMovie ( ) 語(yǔ)句從 Flash 播放器中刪除通過(guò) loadMovie ( ) 加載的影片剪輯。 unloadMovie (target);() with ( ) 語(yǔ)句with ( ) 語(yǔ)句用于指定一個(gè)對(duì)象，并計(jì)算該對(duì)象內(nèi)的表達(dá)式和動(dòng)作。 其作用是簡(jiǎn)化代碼不用重復(fù)書(shū)寫(xiě)對(duì)象的名稱或路徑。 with (object)statements;with ( ) 語(yǔ)句用于對(duì)指定的對(duì)象執(zhí)行一系列的語(yǔ)句，但不需要重復(fù)說(shuō)明對(duì)象的名稱。 如果要修改一個(gè)對(duì)象的多個(gè)屬性，可以將所有屬性賦值