flex 特效

flex特效

[ 2009-11-9 8:37:00 | By: Hube ]

1

推荐

1.旋转 

效果：http://www.alex-uhlmann.de/flash/adobe/blog/distortionEffects/effectCube/ 

代码：http://weblogs.macromedia.com/auhlmann/archives/DistortionEffects.zip 

2.画布按钮 

http://dougmccune.com/blog/2007/06/01/new-component-canvasbutton-added-to-flexlib/ 

3.鱼眼工具条 

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

代码：http://dev.getoutsmart.com/labs/dock/dockdemo.zip 

4.窗口 

http://www.returnundefined.com/flexmdi/explorer/ 

http://diaztorres.com/bin-release/test_html 

5.切换效果 

http://blogs.digitalprimates.net/codeSlinger/samples/carousel/CarouselTest.html 

6.图片展示 

效果：http://flex.diaztorres.com/samples/aladinotest/aladino_test.html 

代码：http://www.madeinflex.com/img/entries/2008/01/aladino.zip 

7.自定义载入进度条 

http://blog.diaztorres.com/2007/05/mipreloader/mipreloaderdemo.html 

8.Flex Mac弹出窗口 

http://blog.xsive.co.nz/archives/244 

9.果冻特效弹出窗口 

http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-html 

10.Alert弹出效果 

http://www.cnblogs.com/taobataoma/archive/2008/01/13/1037082.html 

11.自定义ToolTip 

图片：http://everythingflex.com/flex2/ImageToolTip/Index.html 

视频：http://labs.flexcoders.nl/samples/ToolTip/video/002/ 

弹性：http://labs.flexcoders.nl/samples/ToolTip/spring/001/ 

12. http://flanture.blogspot.com/2008/05/simple-flex-effects-example.html 

13.果冻效果： http://blog.sban.com.cn/2008/04/01/jelly-effect-alert-html 

14.BOOK： http://www.quietlyscheming.com/blog/components/flexbook/ 

1:聚光灯效果： 

实例：http://www.rphelan.com/flex/SpotlightDemo/SpotlightDemo.html 

ambientColor - color to apply to all pixels of the image 
angle - angle at which the spotlight is projected (in degrees) 
azimuth - angle between the image plane and the spotlight (in degrees) 
coneAngle - angle of the spotlight's "opening" (in degrees) 
distance - distance from the spotlight to the center point 
intensity - intensity of the spotlight 
position - x, y, z position of the spotlight 
spotColor - color of the spotlight 
源文件：http://www.rphelan.com/flex/SpotlightDemo/srcview/index.html 

2:放大镜效果： 

实例：http://www.rphelan.com/flex/MagnifyDemo/MagnifyDemo.html 

center ([0-2048, 0-2048]) - the center coordinates of the magnified area
outerRadius (0-500) - the radius of the magnified part of the image 
innerRadius (0-500) - the radius of the fully magnified part of the image 
magnification (1-50) - the amount to magnify the image by (e.g. set to 2 for a 2x magnification) 
源文件：http://www.rphelan.com/flex/MagnifyDemo/srcview/index.html 

3：缩放模糊效果： 

实例：http://www.rphelan.com/flex/ZoomBlurDemo/ZoomBlurDemo.html 

amount (0 - 0.5) - the amount of blur to apply 
center ([0 - 2048, 0 - 2048]) - the focal point of the blur 
源文件：http://www.rphelan.com/flex/ZoomBlurDemo/srcview/index.html 

4：浮雕效果： 

实例：http://www.rphelan.com/flex/SharpenDemo/SharpenDemo.html 

amount (0 - 20) - the amount to sharpen the image by 
radius (0 - 1) - pixel distance to sample from 
源文件：http://www.rphelan.com/flex/SharpenDemo/srcview/index.html 

5：水波效果： 

实例：http://www.rphelan.com/flex/WaveReflectionDemo/WaveReflectionDemo.html