使用“拖动AP元素”动作可以让浏览者在一定的范围内任意拖动AP元素。使用此动作，可以创建拼图游戏、滑块控件和其他可移动的界面元素等交互式效果。
下面通过一个简单的例子演示“拖动AP元素”的操作步骤。
选择“插入”/“布局对象”/“AP Div”菜单命令，或单击“布局”面板上的“绘制AP Div”按钮，然后在页面中按下鼠标左键拖出一个矩形，即可绘制一个AP Div。
将光标定位于AP元素中，在其中插入一张图片。
单击“文档”窗口左下角标签选择器中的<body>标签。
打开“行为”面板，然后单击加号（+）按钮，从动作弹出菜单中选择“拖动AP元素”命令。弹出如图10-15所示的“拖动AP元素”对话框。
图10-15 “拖动AP元素”对话框
“拖动AP元素”对话框由“基本”和“高级”两个标签组成。
在“AP元素”下拉列表中选择要附加行为的AP元素。本例选择apDiv1，即本例第（1）步在页面中绘制的AP元素的名称。
在“移动”下拉列表中指定AP元素的移动方式。本例选择“限制”，且“上”、“下”、“左”、“右”分别设置为280、600、50和400。
如果选择“限制”，对话框中会添加“上”、“下”、“左”和“右”4个参数。在参数后面的文本框中填入数字，单位是像素，即确定了AP元素的拖动范围，这些值是相对于AP元素的起始位置而言的。
对于滑块控件和可移动的布景（例如文件抽屉、窗帘和小百叶窗），请选择“限制”移动方式。“不限制”移动适用于拼板游戏和其他拖放游戏。 技巧：若要只允许垂直移动，则在“上”和“下”文本框中输入正值，在“左”和“右”文本框中输入0；若要只允许水平移动，则在“左”和“右”文本框中输入正值，在“上”和“下”文本框中输入0。
在“放下目标”区域指定拖放的目的地位置。本例在“左”、“上”文本框中分别输入300。
“左”和“上”用于设置拖放的目的位置距页面左端和上端的距离，单位是像素。当 AP元素的左坐标和上坐标与设置的“左”和“上”框中输入的值匹配时，便认为AP元素已经到达拖放目标。这些值是与浏览器窗口左上角的相对值。
单击“取得目前位置”按钮可以在文本框中自动填充AP元素目前的位置参数。本例不单击该按钮。(www.xing528.com)
在“靠齐距离”右侧的文本框中设置AP元素自动吸附到目标位置的距离。较大的值可以使访问者较容易找到拖放目标。本例设置为50。
对于简单的拼板游戏和布景处理，到此步骤为止即可。若要定义AP元素的拖动控制点、在拖动AP元素时跟踪其移动，以及在放下AP元素时触发动作，需要进入“高级”选项卡进一步设置。
切换到“高级”页面，在“拖拽控制点”下拉列表中指定访问者单击AP元素可以触发动作的区域。本例选择“整个元素”。
若必须单击AP元素的特定区域才能拖动AP元素，则选择“元素内的区域”，并设置该区域的“上”、“下”、“左”和“右”；若希望单击AP元素中的任意位置就可以拖动此AP元素，则选择“整个元素”。
在“拖动时”区域选中“将元素置于顶层”复选框，即AP元素在拖动时始终在最上层。
在“然后”下拉列表中选择拖动后的位置。本例保留默认设置。
“留在最上方”表示将AP元素拖动后，保留在最前面；“恢复Z轴”表示将其恢复到它在堆叠顺序中的原位置。
在“呼叫JavaScript”文本框中键入拖动AP元素时要执行的JavaScript脚本程序或函数名称。本例保留空白，即不调用脚本程序。
在“放下时，呼叫JavaScript”文本框中键入当AP元素被移动到目标位置时调用的JavaScript脚本程序或函数名称。其中，选中“只有在靠齐时”选项，即只有在AP元素到达拖放目标时才执行该JavaScript。本例留空。
单击“确定”按钮关闭对话框，并在“行为”面板中选择需要的触发事件。本例使用默认的onLoad事件。
保存文档。并在浏览器中预览该行为的效果，如图10-16所示。
图10-16 “拖动AP元素”的效果
在图像上任意位置按下鼠标左键，即可在本例指定的矩形范围内随意拖动图像。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
