用AS3的滤镜类BlurFilter来实现面板点击后的模糊效果
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12">
<mx:Script>
<![CDATA[
import flash.events.Event;
import flash.filters.BlurFilter;
private var myBlur:BlurFilter=new BlurFilter(3,3,3);
private function changeHandler():void{
myPanel.filters=[myBlur];
myPanel.addEventListener(Event.ENTER_FRAME,enterFrameHandler);
}
private function enterFrameHandler(evt:Event):void{
myBlur.blurX-=0.02;
myBlur.blurY-=0.02;
evt.target.filters=[myBlur];
if(myBlur.blurX<=0){
myBlur.blurX=3;
myBlur.blurY=3;
myPanel.removeEventListener(Event.ENTER_FRAME,enterFrameHandler);
}
}
]]>
</mx:Script>
<mx:Panel x="64" y="60" width="250" height="200" layout="absolute" click="changeHandler()" id="myPanel">
</mx:Panel>
</mx:Application>