flex类似鱼眼效果
2009-11-23 17:02
337 查看
<?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自带的效果,远不及上面鱼眼效果
相关文章推荐
- 如何实现SP文档库类似百度文档库的效果 (副标题:如何在SP2013文档库的SWF文件用FlexPager显示)
- 如何实现SP文档库类似百度文档库的效果 (副标题:如何在SP2013文档库的SWF文件用FlexPager显示)
- Flex滑动面板,类似QQ隐藏效果
- openoffcie+swftools+flexpaper实现类似百度文库的阅读效果
- html css3不拉伸图片显示效果,类似淘宝的
- listview 弹窗效果实现 +类似qq的滑动删除效果
- iOS 类似美团外卖 app 两个 tableView 联动效果实现
- android RecyclerView一步步打造分组效果、类似QQ分组、折叠菜单、分组效果(二)
- 类似CSDN图片切换效果脚本
- Flex的动画效果与变换!(二)[转]
- iOS UIPanGestureRecognizer(拖动手势) 和 点击按钮 实现类似左抽屉的效果
- 类似toggleButton效果的自定义按钮
- 类似google支持firefox的拖曳层效果
- 实现RecyclerView类似3D效果的消失
- 类似百度搜索栏的即输即更新下拉关键字的效果
- Android使用wheelView实现简单类似ios PickerView选择器效果
- 利用SuggestFrameWork开发类似Google搜索提示效果
- 用div实现的效果二——类似iframe
- Android 类似未读短信图标显示数字效果的分析
- 一个类似QQ空间漂浮装扮的效果