浅谈网页中实现Flash动画的全屏效果

  • 作者:39℃
  • 来源:56gee
  • 更新时间:2011-10-11 23:24:37
  • 点击:10042
[80分]

最近由于工作的需要在网上偶然看过有关Flash动画在WEB中实现全屏的效果,同时也google了一下,发现不少这方面的讨论文章,同时也有不少网友遇到设计中的各种问题。这两天我自己也粗略地总结了一下大家可能遇到的问题和解决方法。首先看看下面一个简单实例的最终效果吧——

其中Flash的核心源码是:

 
Stage.scaleMode="noBorder";//noBorder表示根据全屏按比例自动缩放,noScale表示原始大小 
Stage.align = "TL"; 

function toggleFullScreen(){ 
  if(Stage["displayState"]=="normal"){ 
    Stage["displayState"]="fullScreen"; 
  }else{ 
    Stage["displayState"]="normal"; 
  } 
} 

var resizeListener:Object = new Object(); 
//--------- 保持按钮的中间位置 --------- 
resizeListener.onResize = function () { 
  BT._x=Stage.width/2; 
  BT._y=Stage.height/2; 
} 
//------------------------------------- 
Stage.addListener(resizeListener); 

而网页中的关键代码:

<object data="FullScreen.swf" type="application/x-shockwave-flash" width="300" height="200" > 
<param name="movie" value="FullScreen.swf" /> 
<param name="allowFullScreen" value="true" /><!--允许网页实现全屏 --> 
</object> 

看到上面两处源码的注释,相信很多网友对自己遇到的问题该有头绪了。除此之外,还有一个问题没提到的:当flash全屏放大的时候,屏幕上有“按Esc退出全屏模式。”刚开始以为这是在flash里面加入的功能提示,后来才发现时flex自带的内置功能,所以大家不必为此自己另写代码来实现。不过还有个小问题要说明的是,IE6下面这个Esc退出功能是失效的,所以大家也不必担心是因为自己写的代码有问题。最后提供上述实例的源码给大家参考参考。

Fla实例源码下载

收藏内容
评分

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途。若转载请注明来自56gee.com中的“来源”。

栏目精华