位置:首页 > 软件操作教程 > UI设计软件 > Adobe Dreamweaver > 问题详情

如何​​拖动层?Dreamweaver CS62012

提问人:刘旭39发布时间:2020-11-17

拖动层

使用"拖动层”动作的具体操作步骤如下。

(1)通过单击文档窗口底部“标签选择器”中的<body>标签选择body对象,调出“行为面板"。

(2)在"行为"面板中单击"添加行为"按 钮并在弹出的菜单中选择"拖动AP元素”动作,弹出"拖动AP元素”对话框。

"拖动AP元素"对话框,主要包含两个主要的选项卡,"基本"选项卡和"高级”选项卡。

"基本"选项卡的内容如图所示,主要用于选择要拖动的层,以及控制拖动层的具体位置。image.png

“AP元素”选项:选择可拖曳的层。

“移动”选项:包括“限制”和“不限制"两个 选项。若选择“限制”选项,则右侧出现限制移动的4个文本框。在"上”"下""右"文本框中输入值(以像素为单位),以确定限制移 动的矩形区域范围。“不限制"选项表示不限制图层的移动,适用于拼板游戏和其他拖放游戏。一般情况下,对于滑块控件和可移动的布景等,如文 件抽屉、窗帘和小百叶窗,通常选择限制移动。

“放下目标”选项:设置用户将图层自动放 下的位置坐标。

“靠齐距离”选取:设罝图层自动靠齐到目 标时与目标的最小距离。

“高级”选项卡的内容如图所示,主要 用于定义层的拖动控制点,在拖动层时跟踪层的 移动及当放下层时触发的动作。image.png

“拖动控制点”选项:设置浏览者是否必须 单击层的特定区域才能拖动层。

“拖动时”选项组:设置层拖动后的堆叠 顺序。

“呼叫JavaScript”选项:输入在拖动层时 重复选择的JavaScilpt代码或函数名称。

“放下时:呼叫JavaScript”选项:输入

放下层时重复选择的」avaScript代码或函数 名称。如果只有在层到达拖曳目标时才选择该 JavaScript,则选择“只有在靠齐时复选框。

在对话框中根据需要设罝相应选项,单击 “确定"按钮完成设置。

(3)如果不是默认事件,则单击该事件,会 弹出包含全部事件的事件列表,可根据需要选择 相应的事件。

(4)按F12键浏览网页效杲。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部