HTML5画布鼠标悬停事件问题(Animate CC 18.0更新带有说明的地图)

时间:2018-10-12 17:49:52

标签: javascript html5 adobe animate-cc

尝试更新网络中的所有元素时遇到问题,我需要一些帮助!。

我的网站上有一张包含所有州的地图,当鼠标悬停在某个州上时,它会显示办公室分支。这是非常古老的,已使用Flash Pro和ActionScript 1.0完成

我已将代码更新为ActionScript 3.0,并且可以正常工作,但我想将其设置为HTML5 Canvas,因为在任何浏览器中均不再支持Flash电影。

因此,我正在使用Adobe Animate CC 18.0。我创建了一个空的HTML5 Canvas,然后从.fla项目中导入了我的所有库。

我在proyect上总共有4层。 *动作 *地图布局 *分公司地址 *背景图片

在地图内部布局层中,我已经创建了17层,对于我正在执行的每个地图状态,一层。每个状态都有一个分配给每一层的按钮符号,并带有对应的“实例名称”。

在“分支地址”(Branch Addresses)层内部,我创建了17层,每个层都有对应于每个状态的分支的地址或地址。所有这些都转换为电影符号。

因此,在我的媒体库中,我有17个按钮和17部电影。

现在是动作了。

所有按钮均位于第1帧,然后所有地址位于1到17的连续帧中。 因此,我的意图是当鼠标悬停在按钮上方时,显示地址,而在关闭时则不显示地址。

因此,我尝试了不同的方法(似乎没有一种方法可行)。我的问题似乎与此有关。语法。

首先,我要做的是隐藏我已执行的操作中的所有地址符号:

this.instance_name_here.visible = false; (这对于我拥有的每个地址实例。

然后我创建了鼠标悬停操作(b_sanpedro按钮的示例):

var frequency = 3;
stage.enableMouseOver(frequency);
this.b_sanpedro.addEventListener("mouseover", fl_MouseOverHandler_2);

function fl_MouseOverHandler_2()
{

this.t_sanpedro.visible = true;
}

这没什么用。我将鼠标放在sanpedro按钮上,它没有显示t_sanpedro实例。

在此之后,我尝试安装gotoAndStop到地址所在的帧。为此,有一个名为addresss_mc的符号,其中sanpedro地址在第17帧上。

在这种情况下:

var frequency = 3;
stage.enableMouseOver(frequency);
this.b_sanpedro.addEventListener("mouseover", fl_MouseOverHandler_2);

function fl_MouseOverHandler_2()
{

this.addresses_mc.gotoAndStop(17);
}

这也不起作用。

我不知道问题是否出在,因为元素位于不同的位置,但是在库中它们都存在并且实例具有其名称。

有人可以让我知道我在这里做错了什么吗?

非常感谢。!

亲切的问候,

0 个答案:

没有答案