和健 2008-1-13 22:25
通过JS控制flash场景随内容而增减的方法
<DIV id=content>本教程摘操自《Flash MX 2004 ActionScript 2.0 与RIA应用程序开发》<BR>//---------------------------------------------------<BR>在过去,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的大小,原理就是这样简单。<BR>//---------------------------------------------------<BR>HTML的例子如下:<BR>
<DIV class=code><html> <BR><head> <BR><title>Flash Resize</title> <BR><SCRIPT LANGUAGE="JavaScript"> <BR><!-- <BR>function newSize(datoX,datoY) { <BR>if(document.all && !document.getElementById) { <BR>document.all[’miFlash’].style.pixelWidth = datoX; <BR>document.all[’miFlash’].style.pixelHeight = datoY; <BR>}else{ <BR>document.getElementById(’miFlash’).style.width = datoX; <BR>document.getElementById(’miFlash’).style.height = datoY; <BR>} <BR>} <BR>//--> <BR></script> <BR><style type="text/css"> <BR><!-- <BR>td { <BR>font-family: Arial, Helvetica, sans-serif; <BR>} <BR>--> <BR></style> <BR></head> <BR><body bgcolor="#ffffff" leftmargin="0" topmargin="0" leftmargin="0" rightmargin="0" onLoad="javascript :newSize(1,1);"> <BR><table border="0" cellspacing="0" cellpadding="0" width="100%"> <BR><tr bgcolor="#eeeeee"> <BR><td>This is HTML</td> <BR></tr> <BR><tr> <BR><td> <div id="miFlash" style="position:relative; width:1px; height:1px; z-index:1"> <BR><table height="100%" width="100%" border="0" cellspacing="0" cellpadding="0"> <BR><tr> <BR><td> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/<BR>swflash.cab#version=7,0,0,0" width="100%" height="100%" id="flashResize" align="middle"> <BR><param name="allowScriptAccess" value="sameDomain" /> <BR><param name="movie" value="flashResize.swf" /> <BR><param name="loop" value="false" /> <BR><param name="menu" value="false" /> <BR><param name="quality" value="high" /> <BR><param name="scale" value="noscale" /> <BR><param name="salign" value="lt" /> <BR><param name="bgcolor" value="#ffffff" /> <BR><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" /> <BR></object> </td> <BR></tr> <BR></table> <BR></div> </td> <BR></tr> <BR><tr bgcolor="#eeeeee"> <BR><td>This is HTML</td> <BR></tr> <BR></table> <BR></body></html></DIV>Flash大小是100%,固定比例和靠左上角,Layer的大小默认是1pix*1pix,因此Flash一开始要调用newSize();将Layer大小改为目前的Flash大小,否则就看不到flash。<BR>//---------------------------------------------------------<BR>Flash中加如代码:<BR>
<DIV class=code>function setFlashSize(w:Number, h:Number):Void { <BR>getURL("javascript :newSize("+w+", "+h+")"); <BR>}以后只要有任何影片大小改变,就在调用setFlashSize()-->getURL--><B>javascript</B> :newSize();</DIV></DIV>