Adobe Edge Animate –获取鼠标位置及跟随鼠标功能实现

本文版权属于北京联友天下科技发展有限公司。

转载的时候请注明版权和原文地址。

在网络上浏览有关Edge相关问题的时候，看到有人提问如何实现获得鼠标位置的功能，笔者经过一番尝试，终于做出来了，与各位分享之。

效果图：

一、获得当前鼠标位置值的实现

新建一个工程，在stage中添加actions，在这里由于每次鼠标移动都要检测，所以添加mousemove函数：

var tempX ;//用于存储鼠标x轴方向的坐标值

var tempY ;//用于存储鼠标y轴方向的坐标值

if(document.all)//如果浏览器是ie，执行以下代码获取坐标值

{

tempX = event.clientX + document.body.scrollLeft;

tempY = event.clientY + document.body.scrollTop;

}

else{

tempX = e.pageX;

tempY = e.pageY;

}

二、将获取坐标值显示出来

使用Text工具添加两个文本，将获取的坐标值显示在文本上即可

同样，在mousemove函数中添加代码：

sym.$("Text").html("X: "+tempX);

sym.$("Text2").html("Y: "+tempY);

三、增加鼠标跟随功能

在这里简单实现了鼠标点跟随功能，我们用椭圆工具，画出一个圆圈，在滤镜（filter）属性中，将虚化（blur）值调高，使之看似一个发亮的圆点即可

接着在mousemove函数中添加跟随的css代码：

sym.$("Ellipse").css('left',tempX);

sym.$("Ellipse").css('top',tempY);

这样，就实现了跟随鼠标的效果。

原文地址：http://www.cnblogs.com/adobeedge/p/Adobe_Edge_GetMousePos.html

转载于:https://www.cnblogs.com/adobeedge/p/Adobe_Edge_GetMousePos.html

Adobe Edge Animate –获取鼠标位置及跟随鼠标功能实现相关推荐

Adobe Edge Animate 1.0 概述
Adobe Edge Animate 1.0 概述版权声明: 本文版权属于北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 一.主界面从主界面我们可以直接进入: 1.工程操作(P ...
Adobe edge animate制作HTML5动画
Edge Animate是Adobe出品的制作HTML5动画的可视化工具,简单的可以理解为HTML5版本的Flash Pro.Adobe Edge Animate的目的是帮助专业设计师制作网页动画乃至 ...
Adobe Edge Animate --异步条件加载框架（yepnop）：加载bootstrap之按钮、进度条、菜单效果
Adobe Edge Animate --异步条件加载框架(yepnop):加载bootstrap之按钮.进度条.菜单效果版权声明: 原文地址: http://www.cnblogs.com/ado ...
Adobe Edge Animate 1.0-软件内部教程
软件内部教程: 版权声明: 本文版权属于北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. Adobe Edge Animate内部的教程面板提供了一些实践教程,这些教程包含着实例资源 ...
Adobe Edge Animate --点击元件内部元素使元件其他元素发生改变
Adobe Edge Animate --点击元件内部元素使元件其他元素发生改变版权声明: 本文版权属于北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 前面讲到的很多按钮操作都是 ...
Adobe Edge Animate --使用JQuery制作的美女拼图
Adobe Edge Animate --使用JQuery制作的美女拼图版权声明: 本文版权属于北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 效果图: 一.图形元素制作 1.首 ...
Adobe Edge Animate –修改Edge Commons Spotlight功能，使之能支持播放中国网站视频
Adobe Edge Animate –修改Edge Commons Spotlight功能,使之能支持播放中国网站视频版权声明: 本文版权属于北京联友天下科技发展有限公司. 转载的时候请注明版权 ...
【Python_PyQtGraph 学习笔记（三）】基于GraphicsLayoutWidget实现显示曲线对象鼠标位置处坐标的功能
基于GraphicsLayoutWidget实现显示曲线对象鼠标位置处坐标的功能前言在PyQtGraph的官方例程中有此功能的实现,可参考Crosshair / Mouse interactio ...
获取当前位置附近的小吃店功能
** 获取当前位置附近的小吃店功能: ** 源码:https://blog.csdn.net/BOY017/article/details/105891141 1.注册腾讯地图服务:申请秘钥 http ...

Adobe Edge Animate –获取鼠标位置及跟随鼠标功能实现

Adobe Edge Animate –获取鼠标位置及跟随鼠标功能实现相关推荐

最新文章

热门文章