flex類似魚眼效果

 <?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:local="*" xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()">

<!--特效-->

<mx:Parallel id="seq">

<mx:Resize widthTo="85" heightTo="85" duration="400"/>

<mx:Fade alphaFrom="0.5" alphaTo="1" duration="1000"/>

<mx:Glow strength="5" color="yellow" knockout="true" inner="true"/>

</mx:Parallel>

<mx:Parallel id="pal">

<mx:Resize widthTo="65" heightTo="65" duration="600"/>

<mx:Fade alphaFrom="0.5" alphaTo="1" duration="500"/>

</mx:Parallel>

<mx:TitleWindow width="664" height="432" layout="horizontal" verticalScrollPolicy="off">

<mx:VBox width="105" height="376" paddingTop="5">

<mx:Image width="65" height="65" source="img/phone1_200x400.jpg" rollOverEffect="{seq}"

rollOutEffect="{pal}"/>

<mx:Image width="65" height="65" source="img/phone2_200x400.jpg" rollOverEffect="{seq}"

rollOutEffect="{pal}"/>

<mx:Image width="65" height="65" source="img/phone3_200x400.jpg" rollOverEffect="{seq}"

rollOutEffect="{pal}"/>

<mx:Image width="65" height="65" source="img/phone4_200x400.jpg" rollOverEffect="{seq}"

rollOutEffect="{pal}"/>

<mx:Image width="65" height="65" source="img/phone5_200x400.jpg" rollOverEffect="{seq}"

rollOutEffect="{pal}" filters="{[new DropShadowFilter(5,45)]}"/>

</mx:VBox>

<mx:HBox paddingLeft="10" width="363" verticalScrollPolicy="off">

<mx:Image width="65" height="65" source="images/gallery_icon_up.png" rollOverEffect="{seq}"

rollOutEffect="{pal}" filters="{[new DropShadowFilter(5,45)]}"/>

<mx:Image width="65" height="65" source="images/about_icon_up.png" rollOverEffect="{seq}"

rollOutEffect="{pal}"/>

<mx:Image width="65" height="65" source="images/participate_icon_up.png" rollOverEffect="{seq}"

rollOutEffect="{pal}"/>

<mx:Image width="65" height="65" source="images/badge.png" rollOverEffect="{seq}"

rollOutEffect="{pal}"/>

</mx:HBox>

</mx:TitleWindow>

</mx:Application>

魚眼效果：http://dev.getoutsmart.com/labs/dock/

上面代碼隻是使用flex自帶的效果，遠不及上面魚眼效果