Dreamweaver CS6是一款功能強(qiáng)大的網(wǎng)頁設(shè)計(jì)和開發(fā)工具，其中包含了很多實(shí)用的功能。本文將介紹如何使用Dreamweaver CS6的拖動(dòng)AP元素功能，以便在頁面中按照指定的方式拖動(dòng)某個(gè)層元素

Dreamweaver CS6是一款功能強(qiáng)大的網(wǎng)頁設(shè)計(jì)和開發(fā)工具，其中包含了很多實(shí)用的功能。本文將介紹如何使用Dreamweaver CS6的拖動(dòng)AP元素功能，以便在頁面中按照指定的方式拖動(dòng)某個(gè)層元素移動(dòng)。

準(zhǔn)備工作

在開始之前，我們需要新建一個(gè)HTML空白頁，并在菜單欄中選擇“插入”->“布局對象”->“AP div命令”，將一個(gè)div層插入到頁面中。然后，在該層內(nèi)插入一張圖片。

設(shè)置拖動(dòng)AP元素行為

1. 打開“拆分”視圖，將光標(biāo)放置在``標(biāo)簽之間。

2. 在行為控制面板中選擇添加按鈕，并在彈出的菜單中選擇“拖動(dòng)AP元素”。

3. 在彈出的“拖動(dòng)AP元素”對話框中，選擇移動(dòng)選項(xiàng)，“不限制”。

4. 在行為控制面板中選擇“onload”。

預(yù)覽效果

按下F12按鈕，在IE瀏覽器中預(yù)覽你的頁面。你可以點(diǎn)擊左鍵來任意拖動(dòng)該層元素。然而，需要注意的是，在360瀏覽器中預(yù)覽可能沒有效果。

優(yōu)化拖動(dòng)AP元素

為了確保能夠在頁面中成功拖動(dòng)AP元素，最佳的方法是使用onload事件將“拖動(dòng)層”附加到body對象上。這樣，用戶在試圖拖動(dòng)層之前，必須先調(diào)用“拖圖層”的動(dòng)作。

總結(jié)：

本文介紹了如何使用Dreamweaver CS6的拖動(dòng)AP元素功能，并提供了一些優(yōu)化建議。希望這些信息對你在網(wǎng)頁設(shè)計(jì)和開發(fā)過程中有所幫助。記得在預(yù)覽時(shí)，可以點(diǎn)擊左鍵任意拖動(dòng)層元素。