摘要：AdobeEdgeAnimate--使用JQuery制作的美女拼图版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。效果图：一、图形元素制作1.首先我们找到一张图片，如百度图片中找一位美女之类，在Photoshop中用标尺画一个九宫格，然后裁剪成九张大小一致的图片，另存为图片即可。2.打开Edge，新建工程，我们命名为Edge_demo_puzzle，导入图片，拉到舞台中，打乱顺序之后，为每一张图片添加类名，如下图：我们在此依次添加drag1、drag2……drag8、drag93.创建九宫格背景，在Edge中创建rectangle，为每个添加类名，我们在此依 阅读全文

摘要：AdobeEdgeAnimate--如何在Edge中播放视频文件版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。前面的教程讲到在Edge中添加音频文件并且进行播放控制，下面将为大家讲解两种代码实现如何在Edge中添加视频文件。一、如下图所示，在AdobeEdge中创建元件和元素：舞台框架结构如下：其中元件frame_video的内部结构如下：只有一个矩形（注意：要用到这个矩形的id，即名称，我们这里把它命名为video_container）二、在库面板中双击元件frame_video，点击OpenAction按钮添加creationcomplete函数：附： 阅读全文

摘要：AdobeEdgeAnimate--点击元件内部元素使元件其他元素发生改变版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。前面讲到的很多按钮操作都是点击按钮播放某段动画，但是如果我们要点击一个元件A内部的按钮B，然后需要对元件A内部的元素C做修改，那么我们要如何通过代码控制呢？下面通过一个实例为大家讲解。一、按钮等的简单制作：1.整体界面2.舞台中元素分布：3.btn_test内部分布：4.btn_button内部分布：二、下面我们要设定，点击btn_button然后让btn_test内部的元素Text显示文字发生改变1.将btn_button的鼠标手势修改 阅读全文

摘要：AdobeEdgeAnimate1.0--跨元素跨舞台操作函数总结版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。之前的教程通过了一些例子来讲解Edge的功能，下面将为大家总结一些Edge中的跨元素跨舞台操作的函数。1.从舞台进入一个元件或者元素的时间线，播放这个元件或元素的动画：sym.getSymbol("symbolName").play();也可以对元素内部的组成元素做操作，比如隐藏元素：sym.getSymbol("kitten_1").$("kitten_paw").hide();2.从 阅读全文

摘要：AdobeEdgeAnimate1.0--制作自定义动态菜单版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。之前讲过在Edge中使用Bootstrap制作菜单按钮的例子，那么我们是否可以自主设计并制作一个含有动画菜单呢？答案当然是可以，下面用一个简单的例子为大家讲解如何制作自定义动态菜单。一、制作菜单元件：1.这是菜单元件list：2.list内部结构：由一个按钮btn_list和菜单构成3.btn_list内部结构：二、为菜单添加动画：1.如图，进入list内部，将播放头拖至1.0秒处，添加标签list_open，在list_backgroud上右击选择a 阅读全文

摘要：AdobeEdgeAnimate--如何将舞台居中显示而非停靠左边？版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。通常情况下，网页显示都会居中，所以下面将为大家讲解怎样通过简单的CSS设置，将Stage放置在浏览器中央，而不是停靠在左边。一、新建一个工程，加一个背景，我们preview一下，如下图：可以看到Edge默认是停靠在左边的，下面添加CSS代码改变这个现状二、CSS添加1.点击Stage属性面板右上方的添加Action按钮，添加creationComplete函数：2.在函数内部添加CSS代码：3.这时候我们在浏览器中预览，可以看到舞台已经居中，同 阅读全文

摘要：AdobeEdgeAnimate--异步条件加载框架（yepnop）之三：加载bootstrap之按钮、进度条、菜单效果版权声明:本文版权属于北京联友天下科技发展有限公司。转载的时候请注明版权和原文地址。下面在前两个案例的基础上继续讲解第三个应用：一、同样，设计好按钮和界面，如下图：元件命名和排序如下：按钮btn_bootstrap内部元素：右侧元件frame_bootstrap内部元素：将bootstrap的visible属性改为auto，这样当内容多于边框大小的时候会自动添加滚动条二、从网上下载bootstrap文件：bootstrap.min.css和bootstrap.min.js，放 阅读全文