Dreamweaver8和Flash8案例教程時間軸和行為

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

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

3、：其內(nèi)列出了當前頁面內(nèi)所有時間軸動畫的名字，選中其前頁面內(nèi)所有時間軸動畫的名字，選中其中一個選項后，相應的動畫就會在中一個選項后，相應的動畫就會在“時間時間軸軸”面板中顯示出來。面板中顯示出來。 “歸位歸位”按鈕按鈕 ：將動畫圖像移到起始：將動畫圖像移到起始位置，同時回放頭也移動到該位置處。位置，同時回放頭也移動到該位置處。 “回放回放”按鈕按鈕 ：單擊它，可以使動：單擊它，可以使動畫回退一個幀。單擊按住該按鈕不放，可畫回退一個幀。單擊按住該按鈕不放，可以向相反方向播放動畫。以向相反方向播放動畫。“當前幀號碼當前幀號碼”（也是回放頭當前位置）（也是回放頭當前位置）文本框：用來輸入和顯示文本框：

4、用來輸入和顯示“回放頭回放頭”所處所處的時間軸位置號，即當前幀號碼。的時間軸位置號，即當前幀號碼。“播放播放”按鈕按鈕 ：單擊它，可使動畫前：單擊它，可使動畫前進一個幀。按住該按鈕不放，可以向正常進一個幀。按住該按鈕不放，可以向正常方向播放動畫。方向播放動畫?！八俾仕俾省蔽谋究颍河脕磔斎朊棵腌姴シ诺奈谋究颍河脕磔斎朊棵腌姴シ诺膸瑪?shù)。幀數(shù)。 “自動播放自動播放”復選框：選中它后，則在復選框：選中它后，則在網(wǎng)上下載動畫后會自動播放。不選中它時，網(wǎng)上下載動畫后會自動播放。不選中它時，需要在使用行為事件時才可以播放。需要在使用行為事件時才可以播放。 “循環(huán)循環(huán)”復選框：選中它后，則循環(huán)播復選框：選中它

5、后，則循環(huán)播放動畫，否則只播放一次動畫。放動畫，否則只播放一次動畫。（2）通道）通道行為通道：其左邊標有字母行為通道：其左邊標有字母“B”。可以?？梢栽谠撏ǖ赖奶囟◣褂眯袨槭录?。在該通道的特定幀使用行為事件。行為幀：加入了行為事件的幀，它在行為幀：加入了行為事件的幀，它在“行為通道行為通道”內(nèi)。內(nèi)。時間標尺：給出了與時間對應的幀數(shù)碼。時間標尺：給出了與時間對應的幀數(shù)碼。回放頭：播放動畫時，它在時間標尺上回放頭：播放動畫時，它在時間標尺上移動，好像放像機的磁頭一樣。用鼠標拖移動，好像放像機的磁頭一樣。用鼠標拖曳它在時間標尺上移動，當它移到某一時曳它在時間標尺上移動，當它移到某一時間單位處時，相

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

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

8、刪除動畫條：選中要刪除的動畫條，再刪除動畫條：選中要刪除的動畫條，再單擊單擊“編輯編輯”“剪切剪切”菜單命令。菜單命令。刪除動畫的移動路徑：選中要刪除的動刪除動畫的移動路徑：選中要刪除的動畫條，再按畫條，再按Delete按鍵。按鍵。刪除所有動畫條：單擊時間軸菜單中的刪除所有動畫條：單擊時間軸菜單中的“刪除時間軸刪除時間軸”菜單命令。菜單命令。（3）動畫的復制）動畫的復制單擊選中要復制的動畫條。再單擊時間單擊選中要復制的動畫條。再單擊時間軸菜單中的軸菜單中的“復制復制”菜單命令。菜單命令。調(diào)整回放頭的位置。再單擊時間軸菜單調(diào)整回放頭的位置。再單擊時間軸菜單中的中的“粘貼粘貼”菜單命令，即可在選中

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

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

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

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

13、時，某幾個動作可以被相同的事件觸發(fā)，則需要幾個動作可以被相同的事件觸發(fā)，則需要指定動作發(fā)生的順序。指定動作發(fā)生的順序。 Dreamweaver 8采用采用“行為行為”面板面板（也叫做行為控制器）來完成行為中的動（也叫做行為控制器）來完成行為中的動作和事件的設置，從而實現(xiàn)動態(tài)交互效果。作和事件的設置，從而實現(xiàn)動態(tài)交互效果。5.2.2 操作過程操作過程1“行為行為”面板面板 單擊單擊“窗口窗口”“行為行為”菜單命令或菜單命令或按按Shift+F3鍵，即可彈出鍵，即可彈出“行為行為”面板，面板，如圖如圖5-2-2所示。所示。“行為行為”面板的使用方法面板的使用方法與與“行為行為”面板中的各按鈕與列表

14、框等的面板中的各按鈕與列表框等的作用如下。作用如下。（1）“添加行為添加行為”按鈕按鈕 ：單擊此：單擊此按鈕，將彈出按鈕，將彈出“動作動作”快捷菜單，通快捷菜單，通過選擇菜單的相應項目，進行插入動過選擇菜單的相應項目，進行插入動作的操作。作的操作。（2）“刪除行為刪除行為”按鈕按鈕 ：單擊：單擊此按鈕將刪除選中的行為。此按鈕將刪除選中的行為。（3）“向上移動向上移動”按鈕按鈕 ：單擊：單擊此按鈕，將選中的行為在此按鈕，將選中的行為在“行為行為”面面板中向頂部移動。板中向頂部移動。（4）“向下移動向下移動”按鈕按鈕 ：單擊此：單擊此按鈕，將選中的行為在按鈕，將選中的行為在“行為行為”面板面板中向

15、底部移動。中向底部移動。（5）“顯示所有事件顯示所有事件”按鈕按鈕 ：單：單擊此按鈕后，在擊此按鈕后，在“行為行為”面板中將顯面板中將顯示出此對象所能使用的所有事件，如示出此對象所能使用的所有事件，如圖圖5-2-4所示。所示。圖圖5-2-4 “顯示所有事件顯示所有事件”的的“行為行為”面板面板（6）“顯示設置事件顯示設置事件”按鈕按鈕 ：單：單擊此按鈕后，在擊此按鈕后，在“行為行為”面板中只顯面板中只顯示已經(jīng)使用的事件，如圖示已經(jīng)使用的事件，如圖5-2-2所示。所示。（1）如果要更改系統(tǒng)默認的事件，）如果要更改系統(tǒng)默認的事件，可以單擊可以單擊“事件事件”欄中默認的事件名欄中默認的事件名稱右邊的

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

17、像、頁面等對象更新之前對象更新之前4 4onFocusonFocus按鈕、鏈接和文按鈕、鏈接和文本框等本框等當前對象得到輸入焦點時當前對象得到輸入焦點時5 5onBluronBlur按鈕、鏈接和文按鈕、鏈接和文本框等本框等焦點從當前對象移開時焦點從當前對象移開時6 6onClickonClick所有對象所有對象單擊對象時單擊對象時表表5-2-1事件名稱菜單中各個事件所能作用的對象與它的作用事件名稱菜單中各個事件所能作用的對象與它的作用序號序號事事 件件 名名 稱稱事件可以作用的對事件可以作用的對象象事件的作用事件的作用7 7onDblClickonDblClick所有對象所有對象雙擊對象時雙擊

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

19、文字等鼠標指針移入熱字或圖像區(qū)域時鼠標指針移入熱字或圖像區(qū)域時1414onMouseOutonMouseOut鏈接圖像和文字等鏈接圖像和文字等鼠標指針移出熱字或圖像區(qū)域時鼠標指針移出熱字或圖像區(qū)域時1515onMouseMoveonMouseMove鏈接圖像和文字等鏈接圖像和文字等鼠標指針在熱字或圖像上移動時鼠標指針在熱字或圖像上移動時onReadyStateChonReadyStateChangeange續(xù)表續(xù)表 1717onKeyDownonKeyDown鏈接圖像和文字等鏈接圖像和文字等當焦點在對象上，按鍵處于按下當焦點在對象上，按鍵處于按下狀態(tài)時狀態(tài)時1818onKeyPressonKe

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

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

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

23、插入在頁面內(nèi)插入Shockwave或或Flash影像影像的情況下，選擇該動作名稱后，會彈出的情況下，選擇該動作名稱后，會彈出“控制控制Shockwave或或Flash”對話框，如圖對話框，如圖5-2-3所示。所示。（1）“影片影片”下拉列表框：用來選下拉列表框：用來選擇擇Shockwave或或Flash影像的名字。影像的名字。（2）“操作操作”欄：該欄有欄：該欄有4個單選項，個單選項，各選項的含義如下。各選項的含義如下。 “播放播放”：使指定的：使指定的Flash或或Shockwave播放。播放。 “停止停止”：使指定的：使指定的Flash或或Shockwave停止。停止?！昂笸撕笸恕保菏怪付?/p>

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

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

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

27、此時按鈕，此時“命名的層命名的層”列表框列表框內(nèi)選中的層名稱右邊會出現(xiàn)內(nèi)選中的層名稱右邊會出現(xiàn)“（顯示）（顯示）”文字。文字。 如果要設置層為不顯示狀態(tài)，則單擊如果要設置層為不顯示狀態(tài)，則單擊“隱藏隱藏”按鈕。單擊按鈕。單擊“默認值默認值”按鈕后，按鈕后，可將層的顯示與否設置為默認狀態(tài)。可將層的顯示與否設置為默認狀態(tài)。2“拖動層拖動層”動作動作 在頁面內(nèi)插入層后，單擊該動作名稱，在頁面內(nèi)插入層后，單擊該動作名稱，彈出彈出“拖動層拖動層”對話框，如圖對話框，如圖5-3-3所示。所示。（1）選擇）選擇“基本基本”標簽后的標簽后的“拖動拖動層層”對話框如圖對話框如圖5-3-3所示。該對話框所示。該對

28、話框內(nèi)各選項的作用如下。內(nèi)各選項的作用如下?！皩訉印毕吕斜砜颍哼x擇要拖動的層的名下拉列表框：選擇要拖動的層的名字。字。 “移動移動”下拉列表框：選擇下拉列表框：選擇“不限制不限制”，層可以在頁面內(nèi)任意移動。選擇層可以在頁面內(nèi)任意移動。選擇“限制限制”后，在其右邊會增加后，在其右邊會增加4個文本框，用來輸入個文本框，用來輸入上、下、左和右的數(shù)字，形成層移動的限上、下、左和右的數(shù)字，形成層移動的限制區(qū)域。制區(qū)域。 “放下目標放下目標”欄：在欄：在“左左”和和“上上”文本文本框內(nèi)輸入數(shù)據(jù)（相對于瀏覽器的左上角），框內(nèi)輸入數(shù)據(jù)（相對于瀏覽器的左上角），以確定拖曳層移動的目標位置。單擊以確定拖曳層移動的目標位置。單擊“取取得目前位置得目前位置”按鈕，可以將選定層的當前按鈕，可以將選定層的當前位置數(shù)值自動填入上述兩個文本框內(nèi)。位置數(shù)值自動填入上述兩個文本框內(nèi)?！翱魁R距離靠齊距離”文本框：輸入一個數(shù)據(jù)，當文本框：輸入一個數(shù)據(jù)，當層移動到的位置與目標位置小于該數(shù)據(jù)時，層移動到的位置與目標位置小于該數(shù)據(jù)時，層會自動定位到目標位置。否則層將移回層會自動定位到目標位置。否則層將移回原位置。可見，該文本框內(nèi)的數(shù)值越大，原位置。可見，該文本框內(nèi)的數(shù)值越大，越容易將層拖曳到目標位置。越容易將層拖曳到目標