0

我的公司正在考虑用 HTML5 动画替换所有 Flash 内容,Edge 似乎是我们的 Flash 人员轻松进入 HTML5 世界的好选择。

这是我们遇到的问题。Flash 中的动画已在 Edge Animate 中重新创建并且运行良好,但是将它们放在同一页面上时(有页眉和页脚动画)。这两个组合相互踩踏,并弄乱了页眉和页脚动画的剪辑。需要注意的是,它们没有相同的宽度或高度,这就是动画最成问题的地方。不应该看到的元素是,我认为它与剪辑有关。在我的修修补补中,似乎两种作品都在互相踩踏,并从对方身上获取一些属性。如果我从页面中删除其中一个,另一个将正常工作。

我不知道为什么会这样,但我似乎找不到任何将两个单独的作品放在一页中的例子。任何帮助将不胜感激,或者即使您知道此类问题的良好资源,我也会非常感激。

4

2 回答 2

0

好的,在处理 DIV ID="stage" 时,您需要将其中一个更改为其他内容,别担心,它不会打扰它。

现在,您还必须弄乱定位,以便将其正确设置为您想要的位置。

例如,您的 2 个 Ae Div 是:stage 和 mystage

<style type="text/css">
#header{
position:relative;
top:5px;
width:200px;
}
#stage{
position:relative;
top:5px;
width:200px;
top:5px;
left:25px;
}
#MyCenter{
position:relative;
top:20px;
height:300px;
width:400px;
}
#mystage{
position:relative;
width:300px;
top:30px;
left:25px;
}
</style>

<div id="header">This is my header</div>
<div id="stage">Top Stage</div>
<div id="MyCenter">This is my center content</div>
<div id="mystage">Bottom Stage</div>

您需要保存此文件,并将其作为 .html 运行。这将演示如何从 Ae 设置您的 DIV 标签。做起来相当简单。

希望这可以帮助。韦恩

于 2013-02-01T02:50:17.837 回答
0

如果您查看 adobe edge api(最后),它会显示如何将两个动画放在一个页面上。 http://www.adobe.com/devnet-docs/edgeanimate/api/old/1.6/EdgeAPI.0.1.6.html

它需要对 html 页面进行一些修改,但应该相当简单。本质上,您有一个 html 页面引用这两种组合。

于 2013-02-28T01:43:22.953 回答