分享
 
 
 

用Flash制作网站的技巧

王朝html/css/js·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

现今我们在网上看到过好多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();如图:

(3).然后回到第一帧,设置动作为:

midframe=78;

(4).选择最后一帧设置如下动作脚本:

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

最后补充点:因为我们是用Flash制作的网站,所以有时难免会网速比较慢,这时我们可以制作一个loading效果!就是为每个分动画制作loading,方法非常简单,只是在前面添加2个帧!这时要注意midframe已经变化了,注意改下就可以了!

第一帧的脚本为:

midframe = [yourupdatednumber];

bytes_loaded = Math.round(this.getBytesLoaded());

bytes_total = Math.round(this.getBytesTotal());

getPercent = bytes_loaded/bytes_total;

this.loadBar._width = getPercent*100;

this.loadText = Math.round(getPercent*100)+"%";

if (bytes_loaded == bytes_total) {

this.gotoAndPlay(3);

}

第二帧的脚本为:

this.GotoAndPlay(1);

好了

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有