Flex 图片特效 模糊 放大 跳起

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
horizontalAlign="center"
verticalAlign="middle">
<mx:Script>
<![CDATA[
import mx.effects.easing.*;
import flash.events.MouseEvent;
public function doZoom(event:MouseEvent):void
{
if (zoomAll.isPlaying)
{ //判断动作是否正在进行中
zoomAll.reverse(); //如果是就返回(如果是放大就变成缩小)
}


else
{
zoomAll.play([event.target], event.type == MouseEvent.ROLL_OUT ? true : false); //判断事件是否是 鼠标移出事件,如果是就为true否则的话就为false
}


}
]]>
</mx:Script>
<mx:Glow id="glow"
duration="1000"
alphaFrom="0.6"
alphaTo="0.2"
blurXFrom="0.0"
blurXTo="50.0"
blurYFrom="0.0"
blurYTo="50.0"
color="0xffffff"/>
<mx:Blur id="blurImage"
duration="1000"
blurXFrom="0.0"
blurXTo="10.0"
blurYFrom="0.0"
blurYTo="10.0"/>
<mx:Sequence id="movePauseMove">


<mx:Move yBy="-150"
duration="1000"
easingFunction="Bounce.easeOut"/>


<mx:Move yBy="150"
duration="1000"
easingFunction="Bounce.easeIn"/>


</mx:Sequence>


<mx:Zoom id="zoomAll"
zoomWidthFrom="1"
zoomWidthTo="1.5"
zoomHeightFrom="1"
zoomHeightTo="1.5"/>
<mx:Image source="Test.png"
 rollOverEffect="{glow}"
 id="back"/>
<mx:Image source="Test.png"
 mouseDownEffect="{blurImage}"
 toolTip="Welcome"
 y="78"/>


<mx:Image source="Test.png"
 mouseDownEffect="{movePauseMove}"
 id="image4"/>


<mx:Image source="Test.png"
 rollOver="doZoom(event)"
 rollOut="doZoom(event)"
 id="image5"/>
</mx:Application>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值