快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

通过JS控制flash场景随内容而增减的方式

本教程摘操自《Flash MX 2004 ActionScript 2.0 与RIA应用程序开发》
//---------------------------------------------------
在过去,Flash是无法做到随内容的增减而缩放场景的,按在Flash 6以后,利用Stage的属性控制Flash影片的固定比例(Stage.scaleMode = "noScale";)和靠左上角(Stage.align="TL";),整个影片发布时是百分比大小,它根据包围着它的table调节;Table大小都是百分比,Table是根据它所处的Layer(DIV)大小调节,因此最后要控制Layer大小-->Table的大小-->改变Flash 影片的大小。每次Flash要改变大小时,就利用getURL调用html中的javascript函数,那个javascript函数就改变layer的大小,原理就是这样简朴。
//---------------------------------------------------
HTML的例子如下:

<html>
<head>
<title>Flash Resize</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function newSize(datoX,datoY) {
if(document.all && !document.getElementById) {
document.all[’miFlash’].style.pixelWidth = datoX;
document.all[’miFlash’].style.pixelHeight = datoY;
}else{
document.getElementById(’miFlash’).style.width = datoX;
document.getElementById(’miFlash’).style.height = datoY;
}
}
//-->
</script>
<style type="text/css">
<!--
td {
font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" leftmargin="0" rightmargin="0" onLoad="javascript :newSize(1,1);">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr bgcolor="#eeeeee">
<td>This is HTML</td>
</tr>
<tr>
<td> <div id="miFlash" style="position:relative; width:1px; height:1px; z-index:1">
<table height="100%" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" id="flashResize" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flashResize.swf" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<embed src="flashResize.swf" loop="false" menu="false" quality="high" scale="noscale" salign="lt" bgcolor="#ffffff" width="100%" height="100%" name="flashResize" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object> </td>
</tr>
</table>
</div> </td>
</tr>
<tr bgcolor="#eeeeee">
<td>This is HTML</td>
</tr>
</table>
</body></html>
Flash大小是100%,固定比例和靠左上角,Layer的大小默认是1pix*1pix,因此Flash一开始要调用newSize();将Layer大小改为目前的Flash大小,否则就看不到flash。
//---------------------------------------------------------
Flash中加如代码:

function setFlashSize(w:Number, h:Number):Void {
getURL("javascript :newSize("+w+", "+h+")");
}
以后只要有任何影片大小改变,就在调用setFlashSize()-->getURL-->javascript :newSize();

//此为实例原文件,大家下载研究吧。点击这里下载源文件
返回类别: Flash教程
上一教程: 漫谈精美节日贺卡设计的创意
下一教程: 帮助文件里AS做滤镜效果的类整理

您可以阅读与"通过JS控制flash场景随内容而增减的方式"相关的教程:
· Flash MX 2004实现场景随鼠标移动效果
· Flash AS游戏教程:人物及控制
· Flash声音控制详解
· 避免FLASH遮住菜单的方式
· FLASH+JS做的全屏效果及AS集锦
    微笑服务 优质保证 索取样品