Adobe边缘增长圆动画

Question

我在Adobe Edge中创建了一个产品站点。我有一个循环div，当鼠标移过时，它需要在2秒内增长。然后一个文本必须出现在它里面。当鼠标移出时，文本必须消失，并将反转动画恢复到正常大小。圆圈也必须从中心开始增长，而不是从左上角开始增长。我已经用jquery和css3动画尝试了几个小时，但是没有得到令人满意的结果。

Answer 1

这是非常简单的边缘动画。

1. 使您的圆成为元素。
2. 在时间线上为圆的宽度和高度设置了00:00的关键帧。
3. 按Q(变换工具)或选择屏幕左上角箭头右边的图标。
4. 变换工具根据原点缩放对象。它是可重定位的，但会自动位于所选对象的中心。在timeline.
5. resize your
6. 上转到02:00。
7. 将文本的关键帧设置为0不透明度。
8. 在100%Stage上继续为您的文本设置另一个关键帧，将圆和文本放入一个目录中。
9. 右键单击该目录，然后按‘转换为符号’。

<

1. >H123通过单击上的' stage‘返回舞台预览的左上角，您想要用来触发鼠标悬停( animation.
2. open object.
3. paste )操作的对象将以下代码插入鼠标悬停事件: var mySymbolObject =sym.getSymbol(“插入符号的名称”).play()；
4. 现在创建一个鼠标输出事件并粘贴以下代码: var mySymbolObject =sym.getSymbol(“插入您的鼠标的名称

现在应该发生的是onMouseOver，该符号的时间轴向前播放，onMouseOut，该符号的时间轴反向播放。这样，如果动画进行到一半，并且鼠标移出，它将从原来的位置反转到开始处。

Answer 2

如果您想在循环div中嵌套text div，那么您可能还希望使用mouseenter/mouseleave事件，而不是mouseover/mouseout。

http://www.bennadel.com/blog/1805-jQuery-Events-MouseOver-MouseOut-vs-MouseEnter-MouseLeave.html