flex4中实现类似鱼眼的菜单按钮

flex4实现类似鱼眼的按钮,非常简单,示例代码如下。

 <fx:Declarations>
  <mx:Parallel id="rolloverEff"> 
   <mx:Resize widthTo="48" heightTo="48" duration="400"/>    
  </mx:Parallel> 
  <mx:Parallel id="rolloutEff"> 
   <mx:Resize widthTo="38" heightTo="38" duration="600"/>  
  </mx:Parallel> 
 </fx:Declarations>

<s:VGroup  horizontalAlign="center">
  <mx:Image width="38" height="38" source="@Embed('images/menu/main.png')" rollOverEffect="{rolloverEff}"       
      rollOutEffect="{rolloutEff}" />
  <mx:Label text="XXX" />  
 </s:VGroup>
 <s:VGroup  horizontalAlign="center">
  <mx:Image width="38" height="38" source="@Embed('images/menu/anjianguanli.png')" rollOverEffect="{rolloverEff}"       
      rollOutEffect="{rolloutEff}"  click="toSubSystemMainConsole('caseHandling/CaseHandlingMainConsole.swf','','','caseHandling')"/> 
  <mx:Label text="XXX" />  
 </s:VGroup>
 <s:VGroup  horizontalAlign="center">
  <mx:Image width="38" height="38" source="@Embed('images/menu/yewuguanli1.png')" rollOverEffect="{rolloverEff}"       
      rollOutEffect="{rolloutEff}"  click="toSubSystemMainConsole('businessHandling/BusinessHandlingMainConsole.swf','','','businessHandling')"/> 
  <mx:Label text="XXX" />  
 </s:VGroup>
 <s:VGroup horizontalAlign="center">
  <mx:Image width="38" height="38" source="@Embed('images/menu/approval.png')" rollOverEffect="{rolloverEff}"       
      rollOutEffect="{rolloutEff}" toolTip="XXX" click="toSubSystemMainConsole('administrativeApproval/AdministrativeApprovalMainConsole.swf','','','administrativeApproval')"/>
  <mx:Label text="XXX" /> 
 </s:VGroup>
  
 <s:VGroup  horizontalAlign="center">
  <mx:Image width="38" height="38" source="@Embed('images/menu/zhihuidiaodu.png')" rollOverEffect="{rolloverEff}"       
      rollOutEffect="{rolloutEff}" /> 
  <mx:Label text="XXX" />  
 </s:VGroup>
 <s:VGroup  horizontalAlign="center">
  <mx:Image width="38" height="38" source="@Embed('images/menu/zonghepingjia.png')" rollOverEffect="{rolloverEff}"       
      rollOutEffect="{rolloutEff}" click="toSubSystemMainConsole('comprehensiveEvaluation/ComprehensiveEvaluationMainConsole.swf','','','comprehensiveEvaluation')" />
  <mx:Label text="XXX" />  
 </s:VGroup>
 <s:VGroup  horizontalAlign="center">
  <mx:Image width="38" height="38" source="@Embed('images/menu/oa.png')" rollOverEffect="{rolloverEff}"       
      rollOutEffect="{rolloutEff}" click="toSubSystemMainConsole('administrativeApproval/AdministrativeApprovalMainConsole.swf','','','administrativeApproval')"/>
  <mx:Label text="XXX" />  
 </s:VGroup>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值