位置：首頁 > 軟件操作教程 > UI設計軟件 > Adobe Dreamweaver > 問題詳情

如何簡單拖動?Dreamweaver CC

提問人：劉旭39發(fā)布時間：2020-11-11

簡單拖動

“拖動AP元素”行為就是在頁面中應用拖放技術，該行為允許用戶拖動絕對定位元素。下面通 過案例介紹“拖動AP元素”行為的具體應用。在本案例中，將制作一個簡單的可拖動AP元素，在 這個區(qū)域中按下鼠標左鍵并拖動時，該絕對定位元素將跟隨鼠標指針移動。

【操作步驟】

第1步，啟動Dreamweaver CC，打開本節(jié)orig.htm丨文件，另存為effect.html。

第2步，定義一個絕對定位的Div元素。選擇“插入”丨“結構” | Div命令，在頁面中插入一個 Div元素，新建CSS規(guī)則，定義該元素為絕對定位顯示。選中該元素，在“屬性”面板的“AP元素 編號”下拉列表框中設置該絕對定位元素的名稱為apDivl,同時定義元素的寬度和高度，最后在絕 對定位元素中插入一個對話框，如圖所示。

第3步，在編輯窗口空白區(qū)域單擊，不選擇<body>標簽，即不選中頁面內(nèi)任何內(nèi)容打開“行為”

面板，單擊按鈕，從下拉菜單中選擇“拖動AP元素”命令，打開“拖動AP元素”對話框，如圖所示。image.png

第4步，在“AP元素”下拉列表框中設置要拖動的絕對定位元素。在該下拉列表框中選擇咖 “apDivl” 選項。

第5步，在“移動”下拉列表框中設置移動E域。從中選擇“不限制”選項，允許瀏覽者在網(wǎng)頁中自由拖動絕對定位元素，其他選項保持默認設置。

第6步，設置完成后單擊“確定”按鈕。返回“行為”面板，在行為列表中多了 一條行為.在“事 件”下拉列表框中選擇onLoad,動作項下保持默認值為“拖動AP元素”，如圖所示，這就是剛才為絕對定位元素添加“拖動AP元素”行為。

第7步，至此，操作完畢，保存并預覽網(wǎng)頁，在網(wǎng)頁中可以任意地拖動插入的對話框，演示效果

繼續(xù)查找其他問題的答案？

相關視頻回答
回復(0)
返回頂部