鼠标拖拽事件
鼠标拖拽只能拖拽“层”运动,所以要实现拖拽事件动作应先建立“层”,被拖拽对象要放在层中。
如本例中,先建立层“Layer1”,然后在该层导入一幅图片。为了还能显示出图片下面的文字,本例中将图片设置为半透明状态(用前面讲过的css样式表中Alpha(Opacity=60))。
选中图片,打开“行为”面板,拉开“+”号下级菜单,从中选择“拖动层”命令,弹出对话框:
图中“移动”选项里面自动出现“不限制”,如果要让图片可以在整个屏幕上运动,就不必改变这个设置,点击“确定”按钮,就完成了。保存文件后,在浏览器打开,就可用鼠标拖着图片满屏幕运动,松开鼠标。图片就停在当前位置。
如果要限制图片运动范围,点击“不限制”右边小三角,拉开菜单后选择“限制”,出现如下图所示限制位置输入框,分别在上、下、左、右四个框中输入限制范围。
从实验看,设置运动范围并不能完全控制层运动,可能是因为对函数识别的滞后性,拖拉的速度快时有时能拖到定义范围以外,层被拖到范围以外后,就不能再回到原来定义的范围了,一般这个限制范围功能不太常用。