Dreamweaver8和Flash8案例教程時(shí)間軸和行為

1、 【案例案例1515】“顯示器展示顯示器展示”網(wǎng)頁(yè)網(wǎng)頁(yè)5.1 【案例案例1616】為為“WordWord操作演示操作演示”網(wǎng)頁(yè)增加控制按網(wǎng)頁(yè)增加控制按鈕鈕5.2【案例案例1717】“產(chǎn)品促銷(xiāo)之游戲頁(yè)產(chǎn)品促銷(xiāo)之游戲頁(yè)”網(wǎng)頁(yè)網(wǎng)頁(yè)5.35.1.1 學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo) “顯示器展示顯示器展示”網(wǎng)頁(yè)的顯示效果如圖網(wǎng)頁(yè)的顯示效果如圖5-1-1所示。利用時(shí)間軸功能，可以在網(wǎng)頁(yè)所示。利用時(shí)間軸功能，可以在網(wǎng)頁(yè)中插入一個(gè)動(dòng)畫(huà)，增加網(wǎng)頁(yè)的動(dòng)態(tài)效果。中插入一個(gè)動(dòng)畫(huà)，增加網(wǎng)頁(yè)的動(dòng)態(tài)效果。圖圖5-1-1 “顯示器展示顯示器展示”網(wǎng)頁(yè)的顯示效果網(wǎng)頁(yè)的顯示效果 它通過(guò)在不同的時(shí)間改變層的位置、它通過(guò)在不同的時(shí)間改變層的位置、

2、大小、可見(jiàn)性和疊放順序等來(lái)創(chuàng)建動(dòng)畫(huà)。大小、可見(jiàn)性和疊放順序等來(lái)創(chuàng)建動(dòng)畫(huà)。時(shí)間軸的層功能只在時(shí)間軸的層功能只在IE 4.0及更高版本的瀏及更高版本的瀏覽器中有效。覽器中有效。5.1.2 操作過(guò)程操作過(guò)程1“時(shí)間軸時(shí)間軸”面板面板 單擊單擊“窗口窗口”“時(shí)間軸時(shí)間軸”菜單命令，菜單命令，或按或按Alt+F9鍵，即可彈出鍵，即可彈出“時(shí)間軸時(shí)間軸”面板，面板，如圖如圖5-1-3所示。該面板中的各個(gè)工具及各所示。該面板中的各個(gè)工具及各項(xiàng)目的作用如下。項(xiàng)目的作用如下。圖圖5-1-3 “時(shí)間軸時(shí)間軸”面板面板（1）“時(shí)間軸時(shí)間軸”面板的工具欄面板的工具欄 “時(shí)間軸時(shí)間軸”下拉列表框：其內(nèi)列出了當(dāng)下拉列表框

3、：其內(nèi)列出了當(dāng)前頁(yè)面內(nèi)所有時(shí)間軸動(dòng)畫(huà)的名字，選中其前頁(yè)面內(nèi)所有時(shí)間軸動(dòng)畫(huà)的名字，選中其中一個(gè)選項(xiàng)后，相應(yīng)的動(dòng)畫(huà)就會(huì)在中一個(gè)選項(xiàng)后，相應(yīng)的動(dòng)畫(huà)就會(huì)在“時(shí)間時(shí)間軸軸”面板中顯示出來(lái)。面板中顯示出來(lái)。 “歸位歸位”按鈕按鈕 ：將動(dòng)畫(huà)圖像移到起始：將動(dòng)畫(huà)圖像移到起始位置，同時(shí)回放頭也移動(dòng)到該位置處。位置，同時(shí)回放頭也移動(dòng)到該位置處。 “回放回放”按鈕按鈕 ：?jiǎn)螕羲?，可以使?dòng)：?jiǎn)螕羲梢允箘?dòng)畫(huà)回退一個(gè)幀。單擊按住該按鈕不放，可畫(huà)回退一個(gè)幀。單擊按住該按鈕不放，可以向相反方向播放動(dòng)畫(huà)。以向相反方向播放動(dòng)畫(huà)?！爱?dāng)前幀號(hào)碼當(dāng)前幀號(hào)碼”（也是回放頭當(dāng)前位置）（也是回放頭當(dāng)前位置）文本框：用來(lái)輸入和顯示文本框：

4、用來(lái)輸入和顯示“回放頭回放頭”所處所處的時(shí)間軸位置號(hào)，即當(dāng)前幀號(hào)碼。的時(shí)間軸位置號(hào)，即當(dāng)前幀號(hào)碼?！安シ挪シ拧卑粹o按鈕 ：?jiǎn)螕羲墒箘?dòng)畫(huà)前：?jiǎn)螕羲?，可使?dòng)畫(huà)前進(jìn)一個(gè)幀。按住該按鈕不放，可以向正常進(jìn)一個(gè)幀。按住該按鈕不放，可以向正常方向播放動(dòng)畫(huà)。方向播放動(dòng)畫(huà)?！八俾仕俾省蔽谋究颍河脕?lái)輸入每秒鐘播放的文本框：用來(lái)輸入每秒鐘播放的幀數(shù)。幀數(shù)。 “自動(dòng)播放自動(dòng)播放”復(fù)選框：選中它后，則在復(fù)選框：選中它后，則在網(wǎng)上下載動(dòng)畫(huà)后會(huì)自動(dòng)播放。不選中它時(shí)，網(wǎng)上下載動(dòng)畫(huà)后會(huì)自動(dòng)播放。不選中它時(shí)，需要在使用行為事件時(shí)才可以播放。需要在使用行為事件時(shí)才可以播放。 “循環(huán)循環(huán)”復(fù)選框：選中它后，則循環(huán)播復(fù)選框：選中它

5、后，則循環(huán)播放動(dòng)畫(huà)，否則只播放一次動(dòng)畫(huà)。放動(dòng)畫(huà)，否則只播放一次動(dòng)畫(huà)。（2）通道）通道行為通道：其左邊標(biāo)有字母行為通道：其左邊標(biāo)有字母“B”。可以。可以在該通道的特定幀使用行為事件。在該通道的特定幀使用行為事件。行為幀：加入了行為事件的幀，它在行為幀：加入了行為事件的幀，它在“行為通道行為通道”內(nèi)。內(nèi)。時(shí)間標(biāo)尺：給出了與時(shí)間對(duì)應(yīng)的幀數(shù)碼。時(shí)間標(biāo)尺：給出了與時(shí)間對(duì)應(yīng)的幀數(shù)碼?；胤蓬^：播放動(dòng)畫(huà)時(shí)，它在時(shí)間標(biāo)尺上回放頭：播放動(dòng)畫(huà)時(shí)，它在時(shí)間標(biāo)尺上移動(dòng)，好像放像機(jī)的磁頭一樣。用鼠標(biāo)拖移動(dòng)，好像放像機(jī)的磁頭一樣。用鼠標(biāo)拖曳它在時(shí)間標(biāo)尺上移動(dòng)，當(dāng)它移到某一時(shí)曳它在時(shí)間標(biāo)尺上移動(dòng)，當(dāng)它移到某一時(shí)間單位處時(shí)，相

6、應(yīng)的動(dòng)畫(huà)畫(huà)面會(huì)出現(xiàn)在網(wǎng)間單位處時(shí)，相應(yīng)的動(dòng)畫(huà)畫(huà)面會(huì)出現(xiàn)在網(wǎng)頁(yè)窗口內(nèi)。頁(yè)窗口內(nèi)。動(dòng)畫(huà)條：表示一個(gè)動(dòng)畫(huà)所占的幀數(shù)，上動(dòng)畫(huà)條：表示一個(gè)動(dòng)畫(huà)所占的幀數(shù)，上面標(biāo)有該動(dòng)畫(huà)所在層的名字。它的起始處面標(biāo)有該動(dòng)畫(huà)所在層的名字。它的起始處和終止處各有一個(gè)小圓，表示首幀和終止和終止處各有一個(gè)小圓，表示首幀和終止幀。如果設(shè)置了關(guān)鍵幀，則關(guān)鍵幀也會(huì)有幀。如果設(shè)置了關(guān)鍵幀，則關(guān)鍵幀也會(huì)有一個(gè)小圓。一個(gè)小圓。動(dòng)畫(huà)通道：它由許多圖層組成，表示可動(dòng)畫(huà)通道：它由許多圖層組成，表示可以在一個(gè)頁(yè)面內(nèi)加入多個(gè)時(shí)間軸動(dòng)畫(huà)，但以在一個(gè)頁(yè)面內(nèi)加入多個(gè)時(shí)間軸動(dòng)畫(huà)，但最多只可以加最多只可以加32個(gè)。它的左邊標(biāo)有圖層的個(gè)。它的左邊標(biāo)有圖層的編號(hào)，

7、圖層編號(hào)大的動(dòng)畫(huà)在圖層編號(hào)小的編號(hào)，圖層編號(hào)大的動(dòng)畫(huà)在圖層編號(hào)小的動(dòng)畫(huà)之上。動(dòng)畫(huà)之上。（1）動(dòng)畫(huà)的更名）動(dòng)畫(huà)的更名可以直接在可以直接在“時(shí)間軸時(shí)間軸”面板的列表框內(nèi)面板的列表框內(nèi)更改動(dòng)畫(huà)的名字。更改動(dòng)畫(huà)的名字。單擊時(shí)間軸菜單中的單擊時(shí)間軸菜單中的“重命名時(shí)間軸重命名時(shí)間軸”菜單命令，彈出菜單命令，彈出“重命名時(shí)間軸重命名時(shí)間軸”對(duì)話框，對(duì)話框，如圖如圖5-1-4所示。在該對(duì)話框內(nèi)的所示。在該對(duì)話框內(nèi)的“時(shí)間軸時(shí)間軸名稱(chēng)名稱(chēng)”文本框內(nèi)輸入新的名字，再單擊文本框內(nèi)輸入新的名字，再單擊“確定確定”按鈕即可。按鈕即可。圖圖5-1-4 “重命名時(shí)間軸重命名時(shí)間軸”對(duì)話框?qū)υ捒颍?）動(dòng)畫(huà)的刪除）動(dòng)畫(huà)的刪除

8、刪除動(dòng)畫(huà)條：選中要?jiǎng)h除的動(dòng)畫(huà)條，再刪除動(dòng)畫(huà)條：選中要?jiǎng)h除的動(dòng)畫(huà)條，再單擊單擊“編輯編輯”“剪切剪切”菜單命令。菜單命令。刪除動(dòng)畫(huà)的移動(dòng)路徑：選中要?jiǎng)h除的動(dòng)刪除動(dòng)畫(huà)的移動(dòng)路徑：選中要?jiǎng)h除的動(dòng)畫(huà)條，再按畫(huà)條，再按Delete按鍵。按鍵。刪除所有動(dòng)畫(huà)條：?jiǎn)螕魰r(shí)間軸菜單中的刪除所有動(dòng)畫(huà)條：?jiǎn)螕魰r(shí)間軸菜單中的“刪除時(shí)間軸刪除時(shí)間軸”菜單命令。菜單命令。（3）動(dòng)畫(huà)的復(fù)制）動(dòng)畫(huà)的復(fù)制單擊選中要復(fù)制的動(dòng)畫(huà)條。再單擊時(shí)間單擊選中要復(fù)制的動(dòng)畫(huà)條。再單擊時(shí)間軸菜單中的軸菜單中的“復(fù)制復(fù)制”菜單命令。菜單命令。調(diào)整回放頭的位置。再單擊時(shí)間軸菜單調(diào)整回放頭的位置。再單擊時(shí)間軸菜單中的中的“粘貼粘貼”菜單命令，即可在選中

9、的動(dòng)菜單命令，即可在選中的動(dòng)畫(huà)條的右邊復(fù)制一個(gè)動(dòng)畫(huà)條。而且可以復(fù)畫(huà)條的右邊復(fù)制一個(gè)動(dòng)畫(huà)條。而且可以復(fù)制到其他頁(yè)面的制到其他頁(yè)面的“時(shí)間軸時(shí)間軸”面板中。面板中。（4）動(dòng)畫(huà)的移動(dòng)）動(dòng)畫(huà)的移動(dòng)單擊選中要移動(dòng)的動(dòng)畫(huà)條。再單擊時(shí)間單擊選中要移動(dòng)的動(dòng)畫(huà)條。再單擊時(shí)間軸菜單中的軸菜單中的“剪切剪切”菜單命令。菜單命令。調(diào)整回放頭的位置，再單擊時(shí)間軸菜單調(diào)整回放頭的位置，再單擊時(shí)間軸菜單中的中的“粘貼粘貼”菜單命令，即可將動(dòng)畫(huà)條移菜單命令，即可將動(dòng)畫(huà)條移到回放頭所處的位置處。利用此方法，還到回放頭所處的位置處。利用此方法，還可以移動(dòng)到其他頁(yè)面的可以移動(dòng)到其他頁(yè)面的“時(shí)間軸時(shí)間軸”面板中。面板中?？梢杂檬髽?biāo)拖

10、曳一個(gè)動(dòng)畫(huà)條在整個(gè)動(dòng)畫(huà)可以用鼠標(biāo)拖曳一個(gè)動(dòng)畫(huà)條在整個(gè)動(dòng)畫(huà)通道內(nèi)移動(dòng)。按住通道內(nèi)移動(dòng)。按住Shift鍵，單擊要移動(dòng)的鍵，單擊要移動(dòng)的動(dòng)畫(huà)條，可以選中多個(gè)動(dòng)畫(huà)條，鼠標(biāo)拖曳動(dòng)畫(huà)條，可以選中多個(gè)動(dòng)畫(huà)條，鼠標(biāo)拖曳一個(gè)動(dòng)畫(huà)條即可同時(shí)移動(dòng)多個(gè)動(dòng)畫(huà)條。一個(gè)動(dòng)畫(huà)條即可同時(shí)移動(dòng)多個(gè)動(dòng)畫(huà)條。5.2.1 學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo) 為為“Word操作演示操作演示”網(wǎng)頁(yè)增加控制按網(wǎng)頁(yè)增加控制按鈕后，該網(wǎng)頁(yè)的顯示效果如圖鈕后，該網(wǎng)頁(yè)的顯示效果如圖5-2-1所示。所示。在該網(wǎng)頁(yè)的底部，添加了在該網(wǎng)頁(yè)的底部，添加了3個(gè)控制按鈕，單個(gè)控制按鈕，單擊其中的任意一個(gè)按鈕，即可實(shí)現(xiàn)網(wǎng)頁(yè)中擊其中的任意一個(gè)按鈕，即可實(shí)現(xiàn)網(wǎng)頁(yè)中控制控制Flash動(dòng)

11、畫(huà)的開(kāi)始、停止及重新播放。動(dòng)畫(huà)的開(kāi)始、停止及重新播放。圖圖5-2-1 添加控制按鈕后的添加控制按鈕后的“Word操作演示操作演示”網(wǎng)頁(yè)網(wǎng)頁(yè) 行為是動(dòng)作（行為是動(dòng)作（Actions）和事件）和事件（Events）的組合。動(dòng)作就是計(jì)算機(jī)系統(tǒng)）的組合。動(dòng)作就是計(jì)算機(jī)系統(tǒng)做的一個(gè)動(dòng)作，例如，彈出一個(gè)提示框、做的一個(gè)動(dòng)作，例如，彈出一個(gè)提示框、執(zhí)行一段程序或一個(gè)函數(shù)、播放聲音或影執(zhí)行一段程序或一個(gè)函數(shù)、播放聲音或影片、啟動(dòng)或停止片、啟動(dòng)或停止“時(shí)間軸時(shí)間軸”面板中的動(dòng)畫(huà)面板中的動(dòng)畫(huà)等。等。 動(dòng)作通常是由預(yù)先編寫(xiě)好的動(dòng)作通常是由預(yù)先編寫(xiě)好的JavaScript程序腳本實(shí)現(xiàn)的，程序腳本實(shí)現(xiàn)的，Dreamwe

12、aver 8自帶了自帶了一些動(dòng)作的一些動(dòng)作的JavaScript程序腳本，可供用程序腳本，可供用戶(hù)直接調(diào)用。用戶(hù)也可以自己用戶(hù)直接調(diào)用。用戶(hù)也可以自己用JavaScript語(yǔ)言編寫(xiě)語(yǔ)言編寫(xiě)JavaScript程序腳本，程序腳本，創(chuàng)建新的行為。創(chuàng)建新的行為。 事件是指引發(fā)動(dòng)作產(chǎn)生的事情，例如，事件是指引發(fā)動(dòng)作產(chǎn)生的事情，例如，鼠標(biāo)移到某對(duì)象上、鼠標(biāo)單擊某對(duì)象、鼠標(biāo)移到某對(duì)象上、鼠標(biāo)單擊某對(duì)象、“時(shí)間軸時(shí)間軸”面板中的回放頭播放到某一幀面板中的回放頭播放到某一幀等。要?jiǎng)?chuàng)建一個(gè)行為，就是要指定一個(gè)動(dòng)等。要?jiǎng)?chuàng)建一個(gè)行為，就是要指定一個(gè)動(dòng)作，再確定觸發(fā)該動(dòng)作的事件。有時(shí)，某作，再確定觸發(fā)該動(dòng)作的事件。有

13、時(shí)，某幾個(gè)動(dòng)作可以被相同的事件觸發(fā)，則需要幾個(gè)動(dòng)作可以被相同的事件觸發(fā)，則需要指定動(dòng)作發(fā)生的順序。指定動(dòng)作發(fā)生的順序。 Dreamweaver 8采用采用“行為行為”面板面板（也叫做行為控制器）來(lái)完成行為中的動(dòng)（也叫做行為控制器）來(lái)完成行為中的動(dòng)作和事件的設(shè)置，從而實(shí)現(xiàn)動(dòng)態(tài)交互效果。作和事件的設(shè)置，從而實(shí)現(xiàn)動(dòng)態(tài)交互效果。5.2.2 操作過(guò)程操作過(guò)程1“行為行為”面板面板 單擊單擊“窗口窗口”“行為行為”菜單命令或菜單命令或按按Shift+F3鍵，即可彈出鍵，即可彈出“行為行為”面板，面板，如圖如圖5-2-2所示。所示?！靶袨樾袨椤泵姘宓氖褂梅椒姘宓氖褂梅椒ㄅc與“行為行為”面板中的各按鈕與列表

14、框等的面板中的各按鈕與列表框等的作用如下。作用如下。（1）“添加行為添加行為”按鈕按鈕 ：?jiǎn)螕舸耍簡(jiǎn)螕舸税粹o，將彈出按鈕，將彈出“動(dòng)作動(dòng)作”快捷菜單，通快捷菜單，通過(guò)選擇菜單的相應(yīng)項(xiàng)目，進(jìn)行插入動(dòng)過(guò)選擇菜單的相應(yīng)項(xiàng)目，進(jìn)行插入動(dòng)作的操作。作的操作。（2）“刪除行為刪除行為”按鈕按鈕 ：?jiǎn)螕簦簡(jiǎn)螕舸税粹o將刪除選中的行為。此按鈕將刪除選中的行為。（3）“向上移動(dòng)向上移動(dòng)”按鈕按鈕 ：?jiǎn)螕簦簡(jiǎn)螕舸税粹o，將選中的行為在此按鈕，將選中的行為在“行為行為”面面板中向頂部移動(dòng)。板中向頂部移動(dòng)。（4）“向下移動(dòng)向下移動(dòng)”按鈕按鈕 ：?jiǎn)螕舸耍簡(jiǎn)螕舸税粹o，將選中的行為在按鈕，將選中的行為在“行為行為”面板面板中向

15、底部移動(dòng)。中向底部移動(dòng)。（5）“顯示所有事件顯示所有事件”按鈕按鈕 ：?jiǎn)危簡(jiǎn)螕舸税粹o后，在擊此按鈕后，在“行為行為”面板中將顯面板中將顯示出此對(duì)象所能使用的所有事件，如示出此對(duì)象所能使用的所有事件，如圖圖5-2-4所示。所示。圖圖5-2-4 “顯示所有事件顯示所有事件”的的“行為行為”面板面板（6）“顯示設(shè)置事件顯示設(shè)置事件”按鈕按鈕 ：?jiǎn)危簡(jiǎn)螕舸税粹o后，在擊此按鈕后，在“行為行為”面板中只顯面板中只顯示已經(jīng)使用的事件，如圖示已經(jīng)使用的事件，如圖5-2-2所示。所示。（1）如果要更改系統(tǒng)默認(rèn)的事件，）如果要更改系統(tǒng)默認(rèn)的事件，可以單擊可以單擊“事件事件”欄中默認(rèn)的事件名欄中默認(rèn)的事件名稱(chēng)右邊的

16、稱(chēng)右邊的 按鈕，彈出事件名稱(chēng)菜按鈕，彈出事件名稱(chēng)菜單。菜單中列出了該對(duì)象可以使用的單。菜單中列出了該對(duì)象可以使用的所有事件。所有事件。（2）各個(gè)事件所能作用的對(duì)象與它）各個(gè)事件所能作用的對(duì)象與它的作用如表的作用如表5-2-1所示。所示。序號(hào)序號(hào)事事 件件 名名 稱(chēng)稱(chēng)事件可以作用的事件可以作用的對(duì)象對(duì)象事件的作用事件的作用1 1onAbortonAbort圖像、頁(yè)面等圖像、頁(yè)面等中斷對(duì)象載入操作時(shí)中斷對(duì)象載入操作時(shí)2 2onAfterUpdateonAfterUpdate圖像、頁(yè)面等圖像、頁(yè)面等對(duì)象更新之后對(duì)象更新之后3 3onBeforeUpdatonBeforeUpdate e圖像、頁(yè)面等圖

17、像、頁(yè)面等對(duì)象更新之前對(duì)象更新之前4 4onFocusonFocus按鈕、鏈接和文按鈕、鏈接和文本框等本框等當(dāng)前對(duì)象得到輸入焦點(diǎn)時(shí)當(dāng)前對(duì)象得到輸入焦點(diǎn)時(shí)5 5onBluronBlur按鈕、鏈接和文按鈕、鏈接和文本框等本框等焦點(diǎn)從當(dāng)前對(duì)象移開(kāi)時(shí)焦點(diǎn)從當(dāng)前對(duì)象移開(kāi)時(shí)6 6onClickonClick所有對(duì)象所有對(duì)象單擊對(duì)象時(shí)單擊對(duì)象時(shí)表表5-2-1事件名稱(chēng)菜單中各個(gè)事件所能作用的對(duì)象與它的作用事件名稱(chēng)菜單中各個(gè)事件所能作用的對(duì)象與它的作用序號(hào)序號(hào)事事 件件 名名 稱(chēng)稱(chēng)事件可以作用的對(duì)事件可以作用的對(duì)象象事件的作用事件的作用7 7onDblClickonDblClick所有對(duì)象所有對(duì)象雙擊對(duì)象時(shí)雙擊

18、對(duì)象時(shí)8 8onErroronError圖像、頁(yè)面等圖像、頁(yè)面等載入圖像等中間產(chǎn)生錯(cuò)誤時(shí)載入圖像等中間產(chǎn)生錯(cuò)誤時(shí)9 9onHelponHelp圖像等圖像等調(diào)用幫助時(shí)調(diào)用幫助時(shí)1010onLoadonLoad圖像、頁(yè)面等圖像、頁(yè)面等載入對(duì)象時(shí)載入對(duì)象時(shí)1111onMouseDownonMouseDown鏈接圖像和文字等鏈接圖像和文字等在熱字或圖像處按下鼠標(biāo)左鍵時(shí)在熱字或圖像處按下鼠標(biāo)左鍵時(shí)1212onMouseUponMouseUp鏈接圖像和文字等鏈接圖像和文字等在熱字或圖像處鼠標(biāo)左鍵彈起時(shí)在熱字或圖像處鼠標(biāo)左鍵彈起時(shí)1313onMouseOveronMouseOver鏈接圖像和文字等鏈接圖像和

19、文字等鼠標(biāo)指針移入熱字或圖像區(qū)域時(shí)鼠標(biāo)指針移入熱字或圖像區(qū)域時(shí)1414onMouseOutonMouseOut鏈接圖像和文字等鏈接圖像和文字等鼠標(biāo)指針移出熱字或圖像區(qū)域時(shí)鼠標(biāo)指針移出熱字或圖像區(qū)域時(shí)1515onMouseMoveonMouseMove鏈接圖像和文字等鏈接圖像和文字等鼠標(biāo)指針在熱字或圖像上移動(dòng)時(shí)鼠標(biāo)指針在熱字或圖像上移動(dòng)時(shí)onReadyStateChonReadyStateChangeange續(xù)表續(xù)表 1717onKeyDownonKeyDown鏈接圖像和文字等鏈接圖像和文字等當(dāng)焦點(diǎn)在對(duì)象上，按鍵處于按下當(dāng)焦點(diǎn)在對(duì)象上，按鍵處于按下?tīng)顟B(tài)時(shí)狀態(tài)時(shí)1818onKeyPressonKe

20、yPress鏈接圖像和文字等鏈接圖像和文字等當(dāng)焦點(diǎn)在對(duì)象上，按鍵按下時(shí)當(dāng)焦點(diǎn)在對(duì)象上，按鍵按下時(shí)1919onKeyUponKeyUp鏈接圖像和文字等鏈接圖像和文字等當(dāng)焦點(diǎn)在對(duì)象上，按鍵抬起時(shí)當(dāng)焦點(diǎn)在對(duì)象上，按鍵抬起時(shí)2020onSubmitonSubmit表單等表單等表單提交時(shí)表單提交時(shí)2121onResetonReset表單等表單等表單重置時(shí)表單重置時(shí)2222onSelectonSelect文字段落、選擇框等文字段落、選擇框等選定文字段落或選擇框內(nèi)某項(xiàng)時(shí)選定文字段落或選擇框內(nèi)某項(xiàng)時(shí)2323onUnloadonUnload主頁(yè)面等主頁(yè)面等當(dāng)離開(kāi)此頁(yè)時(shí)當(dāng)離開(kāi)此頁(yè)時(shí)2424onResizeonRe

21、size主窗口、幀窗口等主窗口、幀窗口等當(dāng)瀏覽器內(nèi)的窗口大小改變時(shí)當(dāng)瀏覽器內(nèi)的窗口大小改變時(shí)2525onScrollonScroll主窗口、幀窗口、多主窗口、幀窗口、多行輸入文本框等行輸入文本框等當(dāng)拖曳瀏覽器窗口的滾動(dòng)條時(shí)當(dāng)拖曳瀏覽器窗口的滾動(dòng)條時(shí)2626onRowEnteronRowEnterShockwaveShockwave等等動(dòng)畫(huà)載入時(shí)動(dòng)畫(huà)載入時(shí)2727onRowExitonRowExitShockwaveShockwave等等動(dòng)畫(huà)卸載時(shí)動(dòng)畫(huà)卸載時(shí)續(xù)表續(xù)表 （3）如果出現(xiàn)帶括號(hào)的事件，則該）如果出現(xiàn)帶括號(hào)的事件，則該事件是鏈接對(duì)象的，使用它們時(shí)，系事件是鏈接對(duì)象的，使用它們時(shí)，系統(tǒng)會(huì)自

22、動(dòng)在行為控制器下拉列表框內(nèi)統(tǒng)會(huì)自動(dòng)在行為控制器下拉列表框內(nèi)顯示的事件名稱(chēng)前面增加一個(gè)顯示的事件名稱(chēng)前面增加一個(gè)“#”號(hào)，號(hào)，表示空鏈接。表示空鏈接。（4）其他操作。）其他操作。 選中行為控制器列表框內(nèi)的某一個(gè)行選中行為控制器列表框內(nèi)的某一個(gè)行為項(xiàng)（即動(dòng)作和事件）時(shí)，再單擊為項(xiàng)（即動(dòng)作和事件）時(shí)，再單擊 按按鈕，即可刪除選中的行為項(xiàng)。鈕，即可刪除選中的行為項(xiàng)。 選中行為項(xiàng)后，單擊選中行為項(xiàng)后，單擊 按鈕，可以使按鈕，可以使選中的行為執(zhí)行次序提前；單擊選中行為選中的行為執(zhí)行次序提前；單擊選中行為項(xiàng)后，單擊項(xiàng)后，單擊 按鈕，可以使選中的行為執(zhí)按鈕，可以使選中的行為執(zhí)行次序下降。行次序下降。 在頁(yè)面內(nèi)

23、插入在頁(yè)面內(nèi)插入Shockwave或或Flash影像影像的情況下，選擇該動(dòng)作名稱(chēng)后，會(huì)彈出的情況下，選擇該動(dòng)作名稱(chēng)后，會(huì)彈出“控制控制Shockwave或或Flash”對(duì)話框，如圖對(duì)話框，如圖5-2-3所示。所示。（1）“影片影片”下拉列表框：用來(lái)選下拉列表框：用來(lái)選擇擇Shockwave或或Flash影像的名字。影像的名字。（2）“操作操作”欄：該欄有欄：該欄有4個(gè)單選項(xiàng)，個(gè)單選項(xiàng)，各選項(xiàng)的含義如下。各選項(xiàng)的含義如下。 “播放播放”：使指定的：使指定的Flash或或Shockwave播放。播放。 “停止停止”：使指定的：使指定的Flash或或Shockwave停止。停止。“后退后退”：使指定

24、的：使指定的Flash或或Shockwave回回到第一幀并開(kāi)始播放。到第一幀并開(kāi)始播放。 “前往幀前往幀”：選擇該選項(xiàng)后，在后面的：選擇該選項(xiàng)后，在后面的“前往幀前往幀”文本框中輸入一個(gè)數(shù)值，即可文本框中輸入一個(gè)數(shù)值，即可將網(wǎng)頁(yè)中的將網(wǎng)頁(yè)中的Flash或或Shockwave轉(zhuǎn)到指定的轉(zhuǎn)到指定的幀。幀。單擊單擊“確定確定”按鈕后，即可在網(wǎng)頁(yè)中插按鈕后，即可在網(wǎng)頁(yè)中插入入“控制控制Shockwave或或Flash”行為。行為。5.3.1 學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo) 商家在促銷(xiāo)產(chǎn)品時(shí)，為了吸引消費(fèi)者商家在促銷(xiāo)產(chǎn)品時(shí)，為了吸引消費(fèi)者的注意，經(jīng)常會(huì)設(shè)置一些小游戲。網(wǎng)上促的注意，經(jīng)常會(huì)設(shè)置一些小游戲。網(wǎng)上促銷(xiāo)也一樣

25、，銷(xiāo)也一樣，“產(chǎn)品促銷(xiāo)之游戲頁(yè)產(chǎn)品促銷(xiāo)之游戲頁(yè)”就是模就是模擬商家的促銷(xiāo)行為，制作一個(gè)帶有游戲的擬商家的促銷(xiāo)行為，制作一個(gè)帶有游戲的產(chǎn)品宣傳網(wǎng)頁(yè)。該網(wǎng)頁(yè)的顯示效果如圖產(chǎn)品宣傳網(wǎng)頁(yè)。該網(wǎng)頁(yè)的顯示效果如圖5-3-1所示。所示。圖圖5-3-1 “產(chǎn)品促銷(xiāo)之游戲頁(yè)產(chǎn)品促銷(xiāo)之游戲頁(yè)”網(wǎng)頁(yè)的顯示效果網(wǎng)頁(yè)的顯示效果 拼圖游戲是利用層和行為制作的一個(gè)拼圖游戲是利用層和行為制作的一個(gè)非常有意思的網(wǎng)頁(yè)實(shí)例。利用非常有意思的網(wǎng)頁(yè)實(shí)例。利用“行為行為”中中的的“拖曳層拖曳層”動(dòng)作，可以使層脫離位置的動(dòng)作，可以使層脫離位置的限制，隨意在網(wǎng)頁(yè)中進(jìn)行移動(dòng)，而靠齊文限制，隨意在網(wǎng)頁(yè)中進(jìn)行移動(dòng)，而靠齊文本框設(shè)置可以使層在接近單

26、元格的時(shí)候自本框設(shè)置可以使層在接近單元格的時(shí)候自動(dòng)對(duì)齊，使游戲時(shí)的操作更簡(jiǎn)單。動(dòng)對(duì)齊，使游戲時(shí)的操作更簡(jiǎn)單。 在網(wǎng)頁(yè)中添加音樂(lè)后，可以增加游戲在網(wǎng)頁(yè)中添加音樂(lè)后，可以增加游戲的可玩性，提高瀏覽者對(duì)該網(wǎng)頁(yè)的歡迎程的可玩性，提高瀏覽者對(duì)該網(wǎng)頁(yè)的歡迎程度。度。5.3.2 操作過(guò)程操作過(guò)程1顯示顯示-隱藏層隱藏層 創(chuàng)建層后，單擊選擇該動(dòng)作名稱(chēng)，彈創(chuàng)建層后，單擊選擇該動(dòng)作名稱(chēng)，彈出出“顯示顯示-隱藏層隱藏層”對(duì)話框，如圖對(duì)話框，如圖5-3-2所示。所示。 如果要設(shè)置層為顯示狀態(tài)，單擊選中如果要設(shè)置層為顯示狀態(tài)，單擊選中“命名的層命名的層”列表框內(nèi)層的名稱(chēng)，再單擊列表框內(nèi)層的名稱(chēng)，再單擊“顯示顯示”按鈕，

27、此時(shí)按鈕，此時(shí)“命名的層命名的層”列表框列表框內(nèi)選中的層名稱(chēng)右邊會(huì)出現(xiàn)內(nèi)選中的層名稱(chēng)右邊會(huì)出現(xiàn)“（顯示）（顯示）”文字。文字。 如果要設(shè)置層為不顯示狀態(tài)，則單擊如果要設(shè)置層為不顯示狀態(tài)，則單擊“隱藏隱藏”按鈕。單擊按鈕。單擊“默認(rèn)值默認(rèn)值”按鈕后，按鈕后，可將層的顯示與否設(shè)置為默認(rèn)狀態(tài)?？蓪拥娘@示與否設(shè)置為默認(rèn)狀態(tài)。2“拖動(dòng)層拖動(dòng)層”動(dòng)作動(dòng)作 在頁(yè)面內(nèi)插入層后，單擊該動(dòng)作名稱(chēng)，在頁(yè)面內(nèi)插入層后，單擊該動(dòng)作名稱(chēng)，彈出彈出“拖動(dòng)層拖動(dòng)層”對(duì)話框，如圖對(duì)話框，如圖5-3-3所示。所示。（1）選擇）選擇“基本基本”標(biāo)簽后的標(biāo)簽后的“拖動(dòng)拖動(dòng)層層”對(duì)話框如圖對(duì)話框如圖5-3-3所示。該對(duì)話框所示。該對(duì)

28、話框內(nèi)各選項(xiàng)的作用如下。內(nèi)各選項(xiàng)的作用如下。“層層”下拉列表框：選擇要拖動(dòng)的層的名下拉列表框：選擇要拖動(dòng)的層的名字。字。 “移動(dòng)移動(dòng)”下拉列表框：選擇下拉列表框：選擇“不限制不限制”，層可以在頁(yè)面內(nèi)任意移動(dòng)。選擇層可以在頁(yè)面內(nèi)任意移動(dòng)。選擇“限制限制”后，在其右邊會(huì)增加后，在其右邊會(huì)增加4個(gè)文本框，用來(lái)輸入個(gè)文本框，用來(lái)輸入上、下、左和右的數(shù)字，形成層移動(dòng)的限上、下、左和右的數(shù)字，形成層移動(dòng)的限制區(qū)域。制區(qū)域。 “放下目標(biāo)放下目標(biāo)”欄：在欄：在“左左”和和“上上”文本文本框內(nèi)輸入數(shù)據(jù)（相對(duì)于瀏覽器的左上角），框內(nèi)輸入數(shù)據(jù)（相對(duì)于瀏覽器的左上角），以確定拖曳層移動(dòng)的目標(biāo)位置。單擊以確定拖曳層移動(dòng)的目標(biāo)位置。單擊“取取得目前位置得目前位置”按鈕，可以將選定層的當(dāng)前按鈕，可以將選定層的當(dāng)前位置數(shù)值自動(dòng)填入上述兩個(gè)文本框內(nèi)。位置數(shù)值自動(dòng)填入上述兩個(gè)文本框內(nèi)。“靠齊距離靠齊距離”文本框：輸入一個(gè)數(shù)據(jù)，當(dāng)文本框：輸入一個(gè)數(shù)據(jù)，當(dāng)層移動(dòng)到的位置與目標(biāo)位置小于該數(shù)據(jù)時(shí)，層移動(dòng)到的位置與目標(biāo)位置小于該數(shù)據(jù)時(shí)，層會(huì)自動(dòng)定位到目標(biāo)位置。否則層將移回層會(huì)自動(dòng)定位到目標(biāo)位置。否則層將移回原位置?？梢?jiàn)，該文本框內(nèi)的數(shù)值越大，原位置。可見(jiàn)，該文本框內(nèi)的數(shù)值越大，越容易將層拖曳到目標(biāo)位置。越容易將層拖曳到目標(biāo)