使用表格和Div布局網(wǎng).ppt

1、第五章 使用表格和Div布局網(wǎng)頁(yè),1、創(chuàng)建與編輯表格 2、創(chuàng)建AP 3、編輯AP Div,第五章 使用表格和Div布局網(wǎng)頁(yè),5.1表格 一、布局表格 在網(wǎng)頁(yè)的設(shè)計(jì)中，非常重要的一點(diǎn)就是網(wǎng)頁(yè)的布局，也就是網(wǎng)頁(yè)中的文字、圖像與動(dòng)畫(huà)等對(duì)象如何安排 通常在插入對(duì)象以前先進(jìn)行區(qū)域分割。區(qū)域分割可以使用框架、層或表格，使用最多的是表格。,第五章 使用表格和Div布局網(wǎng)頁(yè),在DW8“布局”欄提供了“布局表格”和“繪制布局單元格”兩個(gè)布局工具。使用它們可以方便地制作出網(wǎng)頁(yè)布局的表格。布局工具欄，如下圖所示：,第五章 使用表格和Div布局網(wǎng)頁(yè),1、創(chuàng)建布局表格 2、創(chuàng)建布局單元格 如果沒(méi)有繪制布局表格就繪制布局

2、單元格，則會(huì)自動(dòng)產(chǎn)生一個(gè)布局表格。,第五章 使用表格和Div布局網(wǎng)頁(yè),注意： （1）不可以在布局單元格內(nèi)繪制布局表格和布局單元格。 （2）不能將單元格移出所在的布局表格，也不能將單元格移到其他單元格之上。 (3)當(dāng)一個(gè)行劃分了若干單元格時(shí)，必須先用布局表格，后用布局單元格,第五章 使用表格和Div布局網(wǎng)頁(yè),3、布局表格屬性,第五章 使用表格和Div布局網(wǎng)頁(yè),4、布局單元格屬性,水平的默認(rèn)值為左對(duì)齊 垂直的默認(rèn)值為居中對(duì)齊,第五章 使用表格和Div布局網(wǎng)頁(yè),布局表格菜單和布局單元格菜單：,布局表格菜單,布局單元格菜單,第五章 使用表格和Div布局網(wǎng)頁(yè),清除所有高度：可以將布局表格內(nèi)的單元格的高（

3、即單元格頂部與布局表格頂部的間距）清除。如果布局表格內(nèi)沒(méi)有單元格，則自動(dòng)建立充滿(mǎn)布局表格的單元格。,第五章 使用表格和Div布局網(wǎng)頁(yè),使所有寬度一致：使所有布局單元格的寬度一樣 移除所有分隔符圖像：刪除所有的間隔圖像,第五章 使用表格和Div布局網(wǎng)頁(yè),刪除嵌套：刪除選中的布局表格中的間隔圖像。 列設(shè)置為自動(dòng)伸展：使選中的布局單元格的列自動(dòng)適應(yīng)布局表格的寬度。,第五章 使用表格和Div布局網(wǎng)頁(yè),添加間隔圖像：在選中的布局單元格內(nèi)添加間隔圖像。間隔圖像是透明圖，在瀏覽器中是看不見(jiàn)的，但它可以用來(lái)控制自動(dòng)伸展表的間隔。間隔圖像會(huì)維持頁(yè)面上已經(jīng)設(shè)置的表格和單元格的寬度。,第五章 使用表格和Div布局網(wǎng)

4、頁(yè),如何加快表格布局網(wǎng)頁(yè)加載的速度？ 要加快表格布局網(wǎng)頁(yè)加載的速度，可以在表格標(biāo)簽中添加及實(shí)現(xiàn)，代碼如下：,第五章 使用表格和Div布局網(wǎng)頁(yè), ,第五章 使用表格和Div布局網(wǎng)頁(yè),例題1： 如圖所示，制作該網(wǎng)頁(yè) 要求：1、采用布局網(wǎng)頁(yè)方式布局 2、導(dǎo)航欄的寬度保持一致 3、頁(yè)面設(shè)計(jì)美觀(guān)、合理,第五章 使用表格和Div布局網(wǎng)頁(yè),第五章 使用表格和Div布局網(wǎng)頁(yè),例題2：利用表格布局制作網(wǎng)頁(yè) 要求： 1、表格第一行：左邊為登陸，右邊為設(shè)為主頁(yè)和收藏 2、表格第二行：主題和LOGO放置區(qū) 3、表格第三行：高度為30像素、寬度為100%、紅色的線(xiàn)條,4、表格第四行：左邊為導(dǎo)航區(qū)，右邊為內(nèi)容顯示區(qū) 5、

5、表格第五行：為圖像滾動(dòng)特效，圖像向右滾動(dòng) 6、表格第六行：版權(quán)聲明區(qū)域,第五章 使用表格和Div布局網(wǎng)頁(yè),作業(yè)：利用表格布局制作網(wǎng)頁(yè) 要求： 1、表格第一行：主題和LOGO放置區(qū) 2、表格第二行：高度為30像素、寬度為100%、紅色的線(xiàn)條 3、表格第三行：為導(dǎo)航欄,4、表格第四行：左邊上半部分為登陸、下半部分為友情鏈接，右邊為內(nèi)容顯示區(qū) 5、表格第五行：為圖像滾動(dòng)特效，圖像向右滾動(dòng) 6、表格第六行：版權(quán)聲明區(qū)域,例題3：頁(yè)面導(dǎo)航欄使用FLASH導(dǎo)航 例題4：頁(yè)面導(dǎo)航欄使用FLASH文本導(dǎo)航,第五章 使用表格和Div布局網(wǎng)頁(yè),5.2 創(chuàng)建Div Div是網(wǎng)頁(yè)布局中一個(gè)非常重要的對(duì)象。在DW中主要

6、包括Div標(biāo)簽及Ap Div兩種對(duì)象。,第五章 使用表格和Div布局網(wǎng)頁(yè),Div標(biāo)簽和Ap Div嚴(yán)格意義上說(shuō)是相同的對(duì)象，即都是標(biāo)簽，但由于采用了不同的CSS樣式定義，兩者在外觀(guān)及屬性上有了不同的表現(xiàn)。,第五章 使用表格和Div布局網(wǎng)頁(yè),AP Div是靈活性最大的網(wǎng)頁(yè)元素，具有可移植性，可以在網(wǎng)頁(yè)內(nèi)任意移動(dòng)，也可以在任意位置創(chuàng)建，可重疊或設(shè)置是否顯示，因此AP Div常在網(wǎng)頁(yè)中實(shí)現(xiàn)一些特殊功能，如制作彈出菜單、漂浮圖像等。,第五章 使用表格和Div布局網(wǎng)頁(yè),Div標(biāo)簽?zāi)J(rèn)狀態(tài)下不能移動(dòng)，也不具有重疊屬性，因此常用于網(wǎng)頁(yè)布局。,第五章 使用表格和Div布局網(wǎng)頁(yè),創(chuàng)建AP Div 層(AP Di

7、v)可以精確定位的網(wǎng)頁(yè)元素。 層是一個(gè)可以容納文本、圖像等網(wǎng)頁(yè)元素的容器，是一個(gè)可以單獨(dú)編輯處理的對(duì)象，是一個(gè)可以進(jìn)行三維精確定位的元素。 利用層可以更靈活的完成網(wǎng)頁(yè)布局以及一些網(wǎng)頁(yè)行為效果。,插入層,第五章 使用表格和Div布局網(wǎng)頁(yè),第五章 使用表格和Div布局網(wǎng)頁(yè),在網(wǎng)頁(yè)中插入一個(gè)層以后生成的代碼為： ,第五章 使用表格和Div布局網(wǎng)頁(yè),2.選擇層 在網(wǎng)頁(yè)中選擇一個(gè)層有兩種方法： 在設(shè)計(jì)窗口中選擇一個(gè)層 在代碼窗口中選中層的代碼（）后，則在設(shè)計(jì)窗口會(huì)選中相應(yīng)的層,第五章 使用表格和Div布局網(wǎng)頁(yè),3.設(shè)置層的屬性,“可見(jiàn)性”屬性一般選擇default和hidden。 hidden為隱藏的。

8、該屬性也可以在“層”面板中單擊層名稱(chēng)中的“可見(jiàn)性”列來(lái)設(shè)置。,第五章 使用表格和Div布局網(wǎng)頁(yè),“溢出”屬性設(shè)置層內(nèi)的內(nèi)容超出了層的大小時(shí)的出來(lái)方式，其中選項(xiàng)如下所示： visible：自動(dòng)向右下方擴(kuò)展以顯示所有的內(nèi)容。 hidden：不顯示溢出部分內(nèi)容。 scroll：為層加上滾動(dòng)條用于溢出瀏覽。 auto：在產(chǎn)生溢出時(shí)，自動(dòng)添加滾動(dòng)條用于溢出瀏覽。,第五章 使用表格和Div布局網(wǎng)頁(yè),“剪輯”屬性用于設(shè)置顯示在層內(nèi)的部分內(nèi)容。 其中“左”、“上”和“右”、“下”指定顯示區(qū)域相對(duì)于層的左上角坐標(biāo)和右下角坐標(biāo)。,第五章 使用表格和Div布局網(wǎng)頁(yè),4. 對(duì)齊層 （1）使用多個(gè)層“屬性”面板 按住S

9、hift鍵，單擊多個(gè)層完成多個(gè)層的選擇，可在多個(gè)層“屬性”面板中設(shè)置層的相關(guān)屬性 （2）使用菜單操作 按住Shift鍵選中多個(gè)層，在菜單中使用“修改排列順序”，可設(shè)置相關(guān)屬性。,第五章 使用表格和Div布局網(wǎng)頁(yè),5. 層內(nèi)容編輯：可以在層內(nèi)插入文本、圖象、表格等。,第五章 使用表格和Div布局網(wǎng)頁(yè),習(xí)題1：如圖所示，利用層進(jìn)行布局，制作該網(wǎng)頁(yè)。,第五章 使用表格和Div布局網(wǎng)頁(yè),行為 1、行為 “行為”是幫助用戶(hù)編寫(xiě)JavaScript腳本代碼的工具，在用戶(hù)不了解JavaScript腳本編程知識(shí)的情況下實(shí)現(xiàn)DHTML動(dòng)態(tài)網(wǎng)頁(yè)的制作。,第五章 使用表格和Div布局網(wǎng)頁(yè),“行為”是面向“事件驅(qū)動(dòng)”

10、的腳本程序，即當(dāng)頁(yè)面上發(fā)生某一“事件”時(shí)，根據(jù)事先的定義去執(zhí)行該事件的過(guò)程代碼，在頁(yè)面上產(chǎn)生某種效果的“動(dòng)作”。 所謂“行為”就是根據(jù)發(fā)生的“事件”而采取的“動(dòng)作”。,第五章 使用表格和Div布局網(wǎng)頁(yè),2、事件 事件是網(wǎng)頁(yè)中發(fā)生的某種動(dòng)作。常用的事件如下所示： onLoad：頁(yè)面或圖像文件被打開(kāi)時(shí)發(fā)生的事件。 onUnload：頁(yè)面或圖像文件關(guān)閉時(shí)發(fā)生的事件。,第五章 使用表格和Div布局網(wǎng)頁(yè),onMouseOver：當(dāng)鼠標(biāo)移動(dòng)到對(duì)象上面時(shí)發(fā)生的事件。 onMouseOut：當(dāng)鼠標(biāo)從對(duì)象上移開(kāi)時(shí)發(fā)生的事件。,第五章 使用表格和Div布局網(wǎng)頁(yè),onMouseDown：當(dāng)鼠標(biāo)按下時(shí)發(fā)生的事件。 o

11、nMouseUp：當(dāng)鼠標(biāo)放開(kāi)時(shí)發(fā)生的事件。 onClick：當(dāng)單擊對(duì)象時(shí)發(fā)生的事件。 onDblClick：當(dāng)雙擊對(duì)象時(shí)發(fā)生的事件。,第五章 使用表格和Div布局網(wǎng)頁(yè),onKeyDown：當(dāng)鍵盤(pán)上有鍵按下時(shí)發(fā)生的事件 onKeyUp：當(dāng)鍵盤(pán)按鍵放開(kāi)時(shí)發(fā)生的事件。 onKeyPress：當(dāng)鍵盤(pán)有按鍵時(shí)發(fā)生的事件。,第五章 使用表格和Div布局網(wǎng)頁(yè),3、添加行為,第五章 使用表格和Div布局網(wǎng)頁(yè),4、行為對(duì)象：一般是頁(yè)面、和層。文本的行為可以通過(guò)添加， 但是有些行為不能為文本添加。 如果需要為文本添加這些行為，就需要將文本制作成一個(gè)“空鏈接”，即將超鏈接的目標(biāo)地址屬性設(shè)置為“#”。,第五章 使用表

12、格和Div布局網(wǎng)頁(yè),5、行為菜單 行為對(duì)象不能添加的行為在行為菜單中顯示為灰色狀態(tài)，表示該行為不能用于該對(duì)象。 6、添加行為過(guò)程 7、編輯行為動(dòng)作,第五章 使用表格和Div布局網(wǎng)頁(yè),1、交換圖像 交換圖像行為一般用于圖像對(duì)象。該行為的動(dòng)作為：當(dāng)鼠標(biāo)移動(dòng)到圖像上面時(shí)，圖像位置處顯示另一幅圖像；當(dāng)鼠標(biāo)從圖像上移開(kāi)時(shí)，恢復(fù)原來(lái)圖像顯示。 onMouseOver-交換圖像 onMouseOut-恢復(fù)交換圖像,第五章 使用表格和Div布局網(wǎng)頁(yè),習(xí)題：利用交換圖像制作頁(yè)面,2、彈出信息 彈出信息行為對(duì)象一般是頁(yè)面標(biāo)簽。 當(dāng)頁(yè)面打開(kāi)或關(guān)閉時(shí)彈出一個(gè)信息框。 onClick-在頁(yè)面打開(kāi)時(shí)彈出信息 onUnlo

13、ad-在頁(yè)面退出時(shí)彈出信息,第五章 使用表格和Div布局網(wǎng)頁(yè),習(xí)題：制作一頁(yè)面，要求在該頁(yè)面打開(kāi)單擊頁(yè)面任一位置時(shí)彈出一信息框顯示“歡迎您的光臨！”，當(dāng)關(guān)閉該頁(yè)面時(shí)彈出一信息框顯示“歡迎您的再次光臨！”。,第五章 使用表格和Div布局網(wǎng)頁(yè),3、設(shè)置狀態(tài)欄文本 設(shè)置狀態(tài)欄文本行為可以用于超鏈接、圖像或頁(yè)面。當(dāng)發(fā)生onLoad、onUnload、onMouseOver、onMouseOut事件時(shí)，在狀態(tài)欄中顯示特定的提示信息。,第五章 使用表格和Div布局網(wǎng)頁(yè),習(xí)題：制作一頁(yè)面，要求當(dāng)鼠標(biāo)放在網(wǎng)頁(yè)中某一對(duì)象上時(shí)，在頁(yè)面的狀態(tài)欄顯示相應(yīng)的說(shuō)明信息，當(dāng)鼠標(biāo)從該對(duì)象上移開(kāi)時(shí)說(shuō)明信息消失。,第五章 使用表

14、格和Div布局網(wǎng)頁(yè),4、打開(kāi)瀏覽器窗口 打開(kāi)瀏覽器窗口行為對(duì)象一般是超鏈接標(biāo)記，在單擊超鏈接時(shí)在新的瀏覽器窗中顯示超鏈接目標(biāo)文檔。打開(kāi)瀏覽器窗口行為和在超鏈接標(biāo)記中使用Target屬性值_blank的不同之處是，打開(kāi)瀏覽器窗口行為可以定義新窗口的外觀(guān)。,第五章 使用表格和Div布局網(wǎng)頁(yè),習(xí)題：制作一頁(yè)面，要求當(dāng)單擊頁(yè)面中某一超鏈接時(shí)，鏈接內(nèi)容在另外一個(gè)自定義的瀏覽器窗口中打開(kāi)。,5、顯示-隱藏層 顯示-隱藏層行為對(duì)象一般是超鏈接標(biāo)記或圖像標(biāo)記。顯示-隱藏層行為是利用鼠標(biāo)移到對(duì)象之上或從對(duì)象上移開(kāi)的事件來(lái)觸發(fā)對(duì)層“可見(jiàn)性”屬性的修改，從而形成層內(nèi)容的動(dòng)態(tài)顯示效果。,第五章 使用表格和Div布局網(wǎng)

15、頁(yè),例如：制作一圖像瀏覽網(wǎng)頁(yè)，當(dāng)選擇“1”時(shí)打開(kāi)第一幅圖像，當(dāng)選擇“2”時(shí)打開(kāi)第二幅圖像。,習(xí)題：制作一網(wǎng)頁(yè)，打開(kāi)該網(wǎng)頁(yè)時(shí)在該頁(yè)面中只顯示3個(gè)超鏈接，分別是蜘蛛俠、后天、北極熊三個(gè)電影名稱(chēng)，當(dāng)鼠標(biāo)放在其中一個(gè)鏈接上時(shí)，則在某一位置顯示該鏈接對(duì)應(yīng)的電影圖片。,第五章 使用表格和Div布局網(wǎng)頁(yè),6、設(shè)置層文本 設(shè)置層文本是通過(guò)設(shè)置一個(gè)層的不同內(nèi)容來(lái)形成頁(yè)面內(nèi)容的動(dòng)態(tài)效果。設(shè)置層文本行為的對(duì)象一般是超鏈接。通過(guò)編寫(xiě)HTML代碼及HTML文本來(lái)實(shí)現(xiàn)動(dòng)態(tài)效果。,第五章 使用表格和Div布局網(wǎng)頁(yè),例如：當(dāng)鼠標(biāo)放在超鏈接上時(shí)顯示相應(yīng)內(nèi)容，當(dāng)鼠標(biāo)移開(kāi)時(shí)恢復(fù)原始顯示狀態(tài)。,第五章 使用表格和Div布局網(wǎng)頁(yè),7、

16、制作彈出式菜單 彈出式菜單一般用于超鏈接、圖片，在DW中制作彈出式菜單有兩種方法： （1）使用顯示-隱藏層行為，在層內(nèi)設(shè)置超鏈接標(biāo)記。 （2）使用“顯示彈出式菜單”行為。,第五章 使用表格和Div布局網(wǎng)頁(yè),第五章 使用表格和Div布局網(wǎng)頁(yè),8、播放聲音 播放聲音行為對(duì)象可以是（onload事件）、超鏈接（onClick事件）或圖像。在事件發(fā)生時(shí)，打開(kāi)播放器，自動(dòng)播放指定的聲音文件。,第五章 使用表格和Div布局網(wǎng)頁(yè),9、控制播放flash動(dòng)畫(huà) 控制播放flash動(dòng)畫(huà)行為對(duì)象一般是超鏈接標(biāo)記或flash按鈕。 注意:(1)Flash動(dòng)畫(huà)必須命名后才能控制 (2)播放控制只能控制Flash主時(shí)間軸

17、動(dòng)畫(huà)，對(duì)于影片剪輯不能控制。,第五章 使用表格和Div布局網(wǎng)頁(yè),時(shí)間軸 時(shí)間軸用于在網(wǎng)頁(yè)中制作一些簡(jiǎn)單的“層”移動(dòng)動(dòng)畫(huà)。如圖像、文字的簡(jiǎn)單移動(dòng)，常見(jiàn)的網(wǎng)頁(yè)飄動(dòng)廣告等。 所謂“層”移動(dòng)動(dòng)畫(huà)就是說(shuō)時(shí)間軸只能移動(dòng)層。若要使圖像或文本移動(dòng)，就必須將圖像、文本等內(nèi)容插入到一個(gè)層內(nèi)。,第五章 使用表格和Div布局網(wǎng)頁(yè),時(shí)間軸面板,第五章 使用表格和Div布局網(wǎng)頁(yè),簡(jiǎn)單時(shí)間軸面板 1、直線(xiàn)時(shí)間軸動(dòng)畫(huà) 可以實(shí)現(xiàn)層的直線(xiàn)移動(dòng)。層內(nèi)放置圖片或文字時(shí)，形成圖像、文字移動(dòng)效果,第五章 使用表格和Div布局網(wǎng)頁(yè),習(xí)題：制作一網(wǎng)頁(yè)，實(shí)現(xiàn)圖片從左到右（從上到下）的移動(dòng)效果。 注意：當(dāng)時(shí)間軸的探頭放在不同位置時(shí)，所達(dá)到的動(dòng)畫(huà)

18、效果不一樣。,第五章 使用表格和Div布局網(wǎng)頁(yè),2、曲線(xiàn)時(shí)間軸動(dòng)畫(huà) 可以實(shí)現(xiàn)層的元素沿著某一預(yù)先定義的曲線(xiàn)運(yùn)動(dòng)。 制作方法： （1）在直線(xiàn)動(dòng)畫(huà)的時(shí)間軸中添加若干關(guān)鍵幀，然后拖動(dòng)層 （2）在時(shí)間軸快捷菜單中選擇“錄制層路徑”，然后拖動(dòng)層,第五章 使用表格和Div布局網(wǎng)頁(yè),習(xí)題：制作一頁(yè)面，在該頁(yè)面層內(nèi)插入網(wǎng)頁(yè)元素，利用時(shí)間軸面板，制作該層的曲線(xiàn)移動(dòng)動(dòng)畫(huà)。,第五章 使用表格和Div布局網(wǎng)頁(yè),思考： 1、在曲線(xiàn)時(shí)間軸動(dòng)畫(huà)（或直線(xiàn)時(shí)間軸動(dòng)畫(huà)）中，如何限定動(dòng)畫(huà)播放的時(shí)間。 2、在曲線(xiàn)時(shí)間軸動(dòng)畫(huà)（或直線(xiàn)時(shí)間軸動(dòng)畫(huà)）中，當(dāng)頁(yè)面打開(kāi)3s后，動(dòng)畫(huà)才開(kāi)始播放，即頁(yè)面打開(kāi)的前3s動(dòng)畫(huà)處于靜止?fàn)顟B(tài),第五章 使用表格和

19、Div布局網(wǎng)頁(yè),時(shí)間軸行為包括針對(duì)時(shí)間軸的行為和時(shí)間軸行為通道中的幀行為。 1、播放時(shí)間軸和停止時(shí)間軸行為 針對(duì)時(shí)間軸行為的一般動(dòng)作是播放時(shí)間軸和停止時(shí)間軸。行為對(duì)象一般是標(biāo)簽，標(biāo)簽和層。,時(shí)間軸行為,時(shí)間軸行為,例如：當(dāng)鼠標(biāo)停在飄動(dòng)的廣告上及移開(kāi)時(shí)所引發(fā)的事件。,2、行為通道幀行為 選中時(shí)間軸面板行為通道中的某個(gè)幀，就可以在“行為”面板中為該幀添加行為。幀對(duì)象的行為事件一般是“onFrame幀編號(hào)”，即執(zhí)行到該幀時(shí)發(fā)生的動(dòng)作。 行為動(dòng)作一般是顯示-隱藏層，轉(zhuǎn)到時(shí)間軸n幀等。一個(gè)幀中添加了行為之后，該幀上將出現(xiàn)“-”。,時(shí)間軸行為,時(shí)間軸行為,習(xí)題: 制作一網(wǎng)頁(yè),要求在該頁(yè)面中有一閃動(dòng)的圖片，

20、時(shí)間間隔為2秒鐘。（例如：在夜空中一些星星一閃一閃）,時(shí)間軸行為,習(xí)題 ：在網(wǎng)頁(yè)中制作一飄動(dòng)的廣告，當(dāng)鼠標(biāo)放在該廣告上時(shí)，圖片停止運(yùn)動(dòng)，當(dāng)鼠標(biāo)移開(kāi)時(shí)，圖片繼續(xù)運(yùn)行。,網(wǎng)頁(yè)上有多個(gè)對(duì)象的動(dòng)畫(huà)分成兩種情況：分時(shí)移動(dòng)和同時(shí)移動(dòng)。 在制作方式上有同一動(dòng)畫(huà)層、不同動(dòng)畫(huà)層和不同時(shí)間軸三種方法。,多對(duì)象移動(dòng)動(dòng)畫(huà),1、多對(duì)象分時(shí)移動(dòng)動(dòng)畫(huà) 多對(duì)象分時(shí)移動(dòng)動(dòng)畫(huà)是在同一時(shí)間軸內(nèi)，各個(gè)對(duì)象分時(shí)移動(dòng)的動(dòng)畫(huà)。,多對(duì)象移動(dòng)動(dòng)畫(huà),多對(duì)象移動(dòng)動(dòng)畫(huà),例如：制作一個(gè)網(wǎng)頁(yè)，一個(gè)圖象從窗口左方移動(dòng)到窗口右方，然后其圖像區(qū)域由大變?。ɑ蛴尚∽兇螅詈笙?。,多對(duì)象移動(dòng)動(dòng)畫(huà),分析： 1、圖像從左到右移動(dòng) 2、圖片由大到?。鹤⒁庠O(shè)置層的溢

21、出屬性，且由大到小必須是拖動(dòng)層的左上角。 3、圖片最后消失：設(shè)置層的顯示-隱藏層行為,2、多對(duì)象同時(shí)運(yùn)動(dòng) 當(dāng)多個(gè)對(duì)象層需要同時(shí)運(yùn)動(dòng)，或者在時(shí)間上有重疊時(shí)只能使用多個(gè)動(dòng)畫(huà)通道層完成。,多對(duì)象移動(dòng)動(dòng)畫(huà),多對(duì)象移動(dòng)動(dòng)畫(huà),例如：制作時(shí)間動(dòng)畫(huà)讓文字“歡迎光臨”從右邊同一位置向左拉開(kāi)。每個(gè)字的動(dòng)作時(shí)間為兩秒，動(dòng)作相互間間隔為1秒，最后一字區(qū)域原地從小到大展開(kāi)。,多對(duì)象移動(dòng)動(dòng)畫(huà),分析： 1、文字從同一位置從右到左運(yùn)動(dòng)，運(yùn)行時(shí)間為2秒，每個(gè)字之間的時(shí)間間隔為1秒 2、 最后一字原地從小到大展開(kāi),3、多時(shí)間軸動(dòng)畫(huà) 在多對(duì)象動(dòng)畫(huà)中，如果使用播放時(shí)間軸和停止時(shí)間軸行為，停止時(shí)間軸后所有對(duì)象的移動(dòng)都被停止。如果需要避免這種干擾，就需要使用多時(shí)間軸動(dòng)畫(huà)。,多對(duì)象移動(dòng)動(dòng)畫(huà),例如：與飄動(dòng)廣告結(jié)合在一起，并且當(dāng)鼠標(biāo)移動(dòng)到飄動(dòng)的廣告上面時(shí)，廣告圖像停