Flash简单实现网页中的Flash动画全屏-Flash教程

来源:网页教学网 作者:闪电儿 更新时间:2008-03-04 点击:

Flash播放器自从升级到Flash Player 9,0,28,0,也可以使网页中的Flash通过一个简单的按钮实现全屏显示,和一些视频网站中的效果基本相同,但是在这个教程里是没有使用Javascript脚本的啊!

需要我们在网页中插入Flash代码时,必须加上下面的代码:

<param name=\"allowFullScreen\" value=\"true\" />

首先看一下效果和源文件

点击这里下载源文件

启动Flash,制作一个按钮元件,然后把按钮放到主场景中,为按钮添加代码:

on(press){
toggleFullScreen();
}

函数toggleFullScreen()是主要来控制窗口,函数定义如下。

//Don't scale the movie when the stage size changes
Stage.scaleMode=\"noScale\";
//Align the stage to the top left
Stage.align = \"TL\";
//Function to toggle between fullscreen and normal size
//the toggle fullscreen button calls this function when pressed
function toggleFullScreen(){
//if normal size, go to fullscreen, else go to normal size
if(Stage[\"displayState\"]==\"normal\"){
Stage[\"displayState\"]=\"fullScreen\";
}else{
Stage[\"displayState\"]=\"normal\";
}
}
//Create a listener for each time the Stage is resized
var resizeListener:Object = new Object();
//Called each time the stage is resized
resizeListener.onResize = function () {
//Move the button to the center of the screen
toggleFullScreenButton._x=Stage.width/2;
toggleFullScreenButton._y=Stage.height/2;
}
//Add the listener to Stage
Stage.addListener(resizeListener);

这样就制作好了!

当我们把上面制作的Flash插入到网页中时,具体代码如下:

<object data=\"http://www.mb5u.com/upfiles/20071018/20071018224608_fullscreen.swf\"
type=\"application/x-shockwave-flash\" width=\"400\" height=\"200\" >
<param name=\"movie\" value=\"http://www.mb5u.com/upfiles/20071018/20071018224608_fullscreen.swf\" />
<param name=\"allowFullScreen\" value=\"true\" />
</object>

就可以看到前面的全屏和收缩效果了!

相关Flash教程:
最新评论:
loading.. 评论加载中....
发表评论:不能超过250字节,请自觉遵守互联网相关政策法规.
  • 昵称: 验证:

最新Flash教程