アニメーションでっす。
Flexで簡単なアニメーションでっす。
WipeRight,Iris,Rotate,Fadeが面白いですよ。
http://moeten.info/maidcafe/?m=aboutiphone
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" verticalScrollPolicy="off" horizontalScrollPolicy="off" backgroundAlpha="1" backgroundColor="0xffffff" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]" width="715" height="480" click="navigateToURL(new URLRequest( 'http://moeten.info/maidcafe/iphone.php' ) )" > <mx:Script> <![CDATA[ import flash.net.navigateToURL; import mx.effects.easing.*; ]]> </mx:Script> <mx:Parallel id="myAnimTitle" startDelay="0"> <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/> <mx:Move yFrom="0" yTo="62" duration="1000"/> </mx:Parallel> <mx:Parallel id="myAnim" startDelay="800"> <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/> <mx:Move yFrom="0" yTo="42" duration="1000"/> </mx:Parallel> <mx:Parallel id="myAnim2" startDelay="800"> <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/> <mx:Move yFrom="440" yTo="419" duration="1000"/> </mx:Parallel> <mx:Parallel id="myAnimThum1" startDelay="2000"> <mx:Fade alphaFrom="0" alphaTo="1"/> <mx:WipeRight duration="1000"/> </mx:Parallel> <mx:Parallel id="myAnimThum2" startDelay="3000"> <mx:Fade alphaFrom="0" alphaTo="1"/> <mx:WipeRight duration="1000"/> </mx:Parallel> <mx:Parallel id="myAnimThum3" startDelay="4000"> <mx:Fade alphaFrom="0" alphaTo="1"/> <mx:WipeRight duration="1000"/> </mx:Parallel> <mx:Parallel id="myAnimImage" startDelay="5400"> <mx:Fade alphaFrom="0" alphaTo="1" duration="700"/> </mx:Parallel> <mx:Parallel id="myAnimUrl" startDelay="5700"> <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/> <mx:WipeRight/> </mx:Parallel> <mx:Parallel id="myAnimGoogle" startDelay="6500"> <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/> <mx:Rotate angleFrom="360" angleTo="0" easingFunction="Back.easeOut" duration="1000"/> </mx:Parallel> <mx:Image x="0" y="0" source="@Embed('image.jpg')" creationCompleteEffect="myAnimImage" alpha="0"/> <mx:Image x="0" y="10" source="@Embed('url.png')" creationCompleteEffect="myAnimUrl" alpha="0"/> <mx:Image x="460" y="295" source="@Embed('google.png')" creationCompleteEffect="myAnimGoogle" alpha="0"/> <mx:Image x="27" y="42" source="@Embed('iphone.png')" creationCompleteEffect="myAnim" alpha="0"/> <mx:Image x="27" y="419" source="@Embed('iphoneshadow.png')" creationCompleteEffect="myAnim2" alpha="0"/> <mx:Image x="237" y="62" source="@Embed('title.png')" creationCompleteEffect="myAnimTitle"/> <mx:Image x="47" y="112" source="@Embed('thum1.jpg')" creationCompleteEffect="myAnimThum1" alpha="0"/> <mx:Image x="47" y="112" source="@Embed('thum2.jpg')" creationCompleteEffect="myAnimThum2" alpha="0"/> <mx:Image x="47" y="112" source="@Embed('thum3.jpg')" creationCompleteEffect="myAnimThum3" alpha="0"/> </mx:Application>