在Adobe Edge中显示隐藏符号

时间:2013-11-01 13:17:29

标签: animation button rollover adobe-edge

试图绕过Adobe Edge。我想要实现的目标听起来很简单但却遇到了麻烦。我有一个按钮元素,当鼠标悬停时,显示我有的动画符号。

目前我的代码在按钮上是Mouseout:

sym.$("pgicatext2").hide();

和mouseover:

sym.$("pgicatext2").show();

这似乎不起作用。如果我关闭电影符号,并在按钮

上使用此代码,我可以实现结果
sym.$("pgicatext2").toggle();

麻烦当然是每次鼠标悬停时它都不会重放动画,而且它一直隐藏着它正在播放动画。

2 个答案:

答案 0 :(得分:0)

我看到你发布这个帖子已经有一个月了。希望你解决了你的问题。您隐藏和显示的代码看起来正确。我在我的一些项目中遇到的一件事是,我无意中在一个按钮上放置了一个0%不透明度的对象或符号,或者我有一个鼠标悬停在事件上。确保您所拥有的按钮上没有任何分层。另一件事是关闭你的符号的自动播放,并添加sym。$(“pgicatext2”)。play();进入你的鼠标。我知道这些是非常明显的答案,但有时很容易忘记这些明显的答案。

答案 1 :(得分:0)

请完成以下步骤:

  1. 检查按钮是否覆盖所有其他可见图层('元素' 标签)。也许将光标设置为指针'将帮助检查它。

  2. 使用' Mouseenter '和' Mouseleave '而不是鼠标悬停'和     '鼠标移开&#39 ;.区别在于here

  3. 确保您的动画符号'自动播放'选项已关闭。如果     你没有在创建符号时勾选它,只需设置播放     停止'停止'在时间轴的非常开始的舞台上

  4. 让我们做一些编码。让我们假设您的动画符号名称是     "薄膜&#34 ;.您需要为按钮元素设置以下操作:

  5. 的MouseEnter:

    sym.$("film").show();
    sym.getSymbol("film").play();
    

    这基本上会显示你的电影' 元素并播放电影'的符号

    鼠标离开:

    sym.$("film").hide();
    sym.getSymbol("film").stop(0);
    

    这个人隐藏了你的电影' 元素并停止拍摄电影'动画开头的符号(0ms)

    享受!