位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

如何??拖動(dòng)層?Dreamweaver CS62012

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-11-17

拖動(dòng)層

使用"拖動(dòng)層”動(dòng)作的具體操作步驟如下。

(1)通過(guò)單擊文檔窗口底部“標(biāo)簽選擇器”中的<body>標(biāo)簽選擇body對(duì)象,調(diào)出“行為面板"。

(2)在"行為"面板中單擊"添加行為"按 鈕并在彈出的菜單中選擇"拖動(dòng)AP元素”動(dòng)作,彈出"拖動(dòng)AP元素”對(duì)話框。

"拖動(dòng)AP元素"對(duì)話框,主要包含兩個(gè)主要的選項(xiàng)卡,"基本"選項(xiàng)卡和"高級(jí)”選項(xiàng)卡。

"基本"選項(xiàng)卡的內(nèi)容如圖所示,主要用于選擇要拖動(dòng)的層,以及控制拖動(dòng)層的具體位置。image.png

“AP元素”選項(xiàng):選擇可拖曳的層。

“移動(dòng)”選項(xiàng):包括“限制”和“不限制"兩個(gè) 選項(xiàng)。若選擇“限制”選項(xiàng),則右側(cè)出現(xiàn)限制移動(dòng)的4個(gè)文本框。在"上”"下""右"文本框中輸入值(以像素為單位),以確定限制移 動(dòng)的矩形區(qū)域范圍?!安幌拗?quot;選項(xiàng)表示不限制圖層的移動(dòng),適用于拼板游戲和其他拖放游戲。一般情況下,對(duì)于滑塊控件和可移動(dòng)的布景等,如文 件抽屜、窗簾和小百葉窗,通常選擇限制移動(dòng)。

“放下目標(biāo)”選項(xiàng):設(shè)置用戶將圖層自動(dòng)放 下的位置坐標(biāo)。

“靠齊距離”選?。涸O(shè)罝圖層自動(dòng)靠齊到目 標(biāo)時(shí)與目標(biāo)的最小距離。

“高級(jí)”選項(xiàng)卡的內(nèi)容如圖所示,主要 用于定義層的拖動(dòng)控制點(diǎn),在拖動(dòng)層時(shí)跟蹤層的 移動(dòng)及當(dāng)放下層時(shí)觸發(fā)的動(dòng)作。image.png

“拖動(dòng)控制點(diǎn)”選項(xiàng):設(shè)置瀏覽者是否必須 單擊層的特定區(qū)域才能拖動(dòng)層。

“拖動(dòng)時(shí)”選項(xiàng)組:設(shè)置層拖動(dòng)后的堆疊 順序。

“呼叫JavaScript”選項(xiàng):輸入在拖動(dòng)層時(shí) 重復(fù)選擇的JavaScilpt代碼或函數(shù)名稱。

“放下時(shí):呼叫JavaScript”選項(xiàng):輸入

放下層時(shí)重復(fù)選擇的」avaScript代碼或函數(shù) 名稱。如果只有在層到達(dá)拖曳目標(biāo)時(shí)才選擇該 JavaScript,則選擇“只有在靠齊時(shí)復(fù)選框。

在對(duì)話框中根據(jù)需要設(shè)罝相應(yīng)選項(xiàng),單擊 “確定"按鈕完成設(shè)置。

(3)如果不是默認(rèn)事件,則單擊該事件,會(huì) 彈出包含全部事件的事件列表,可根據(jù)需要選擇 相應(yīng)的事件。

(4)按F12鍵瀏覽網(wǎng)頁(yè)效杲。

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部