用Flash制作网站的技巧

2008-04-02 10:48:37来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  现今我们在网上看到过好多FLASH的网站,在制作FLASH网站时多数采用的是调用其他的SWF文档,这样能够使我们的网站的结构清楚便于我们管理FLASH的网站,而且我们制作时也是比较轻松,因为这样做就好象我们研发软件时相同,采用了模块化的思想!便于我们研发,化整为零。今天就给大家具体谈谈这种技巧。

  演示动画效果:

  

  

  


  制作的基本思想:

  我们制作的每个SWF都是个单独的动画,并且都各自有自己停顿的帧,当主影片加载之后自动加载第一个动画,第一个动画开始加载并且配置了中间停顿的帧,当我们点击其他按钮时又加载其他动画,并且在中间加以停顿。在这个系统中主要用到两个变量:midframe和 _root.currMovie。

  midframe是每个分动画第一帧首先配置的,也就是首先指明动画在哪开始停顿的中间帧。当点击按钮时首先告诉我们是当前帧,而必须运动之后才能调用分动画的midframe。当然上述演示只是个简单的实例,您在自己实际制作过程中能够制作的复杂些。

  _root.currMovie指的是当前帧,他是由_root创建的,主要是由主动画来创建。

  制作步骤:

  1.创建四个按钮,分别取名为section1、section2、section3和section4。当然您在实际制作过程中能够命名为main,about,work,conact等。

  2.创建一个新的影片剪辑,命名为container,这个影片剪辑是空的!然后把他拖到舞台上。我们就通过这个空的影片剪辑来调用其他的SWF文档。这是个关键的地方。创建好之后使container放到一个图层中,然后我们新建一个图层,把刚才建立的四个按钮拖到该图层上,如图所示:

  

  3.下面我们在舞台中选中刚才拖出的影片container,给他命名一个实例名字,这样我们用代码才能够调用啊!如图:

  

  4.选择第一个按钮,然后按F9打开动作面板,开始配置按钮的单击动作,输入如下代码:

  

on (release) {

  if (_root.currMovie == undefined) {

  _root.currMovie = "section1";

  container.loadMovie("section1.swf");

  } else if (_root.currMovie != "section1") {

  if (container._currentframe >= container.midframe) {

  _root.currMovie = "section1";

  container.play();

  }

  }

  }

  注意:假如您的分SWF制作的是main.swf则改为如下代码:

  

on (release) {

  if (_root.currMovie == undefined) {

  _root.currMovie = "main";

  container.loadMovie("main.swf");

  } else if (_root.currMovie != "main") {

  if (container._currentframe >= container.midframe) {

  _root.currMovie = "main";

  container.play();

  }

  }

  }

  5.依照上面的方法给其他三个按钮添加相应的动作脚本。

  注意:要想制作出所示效果,必须把这主文档和其他的放在同一个目录下!

  6.假如我们想使主动画加载时首先显示一个动画则需要添加一个图层,然后给第一帧添加如下代码:

  通用的代码为:

  

_root.currMovie = "your_first_section_name";

  container.loadMovie(_root.currMovie ".swf");

  在这里我们使用下面的语句:

  

_root.currMovie = "section1";

  container.loadMovie(_root.currMovie ".swf");

  7.下面简单介绍一下分动画的制作方法:

  (1).创建一个简单的介绍的动画,分两个图层:一个动画图层,另外一个是代码图层,做动画时要考虑到中间帧,如图:

  

  



  (2).选择动画的中间帧,并且记住他的帧数,然后在中间帧处输入动作:stop();如图:

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: flash避开微软新ActiveX控件升级的方法

下一篇: flash8.0笔触颜色支持什么