Aug 18
Olá amigos,
Um simples exemplo de efeitos de rollOver e rollOut em imagens.
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="415" height="380" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#000000, #000000]" viewSourceURL="srcview/index.html"> <mx:Image x="10" y="10" source="assets/img/e-solicite.png" scaleContent="true" width="48" height="48" rollOverEffect="{rollOverEffect}" rollOutEffect="{rollOutEffect}"/> <mx:Image x="66" y="10" source="assets/img/32_home.png" scaleContent="true" width="32" height="32" rollOverEffect="{rollOverEffect}" rollOutEffect="{rollOutEffect}"/> <mx:Image x="106" y="10" source="assets/img/32_logoff.png" scaleContent="true" width="32" height="32" rollOverEffect="{rollOverEffect}" rollOutEffect="{rollOutEffect}"/> <mx:Script> <![CDATA[ import mx.effects.Glow; import mx.effects.Effect; private function get rollOverEffect():Effect { var effect:Glow = new Glow(); effect.blurXTo = effect.blurYTo = 10; effect.alphaFrom = 0; effect.alphaTo = 0.6; effect.color = 0xFFFFFF; return effect; } private function get rollOutEffect():Effect { var effect:Glow = new Glow(); effect.blurXTo = effect.blurYTo = 0; effect.alphaFrom = 0.6; effect.alphaTo = 0; effect.color = 0xFFFFFF; return effect; } ]]> </mx:Script> </mx:Application>
O exemplo pode ser acessado clicando aqui
O código está habilitado.
Abraços,
Juliano Mendes
November 9th, 2008 at 6:49 pm
[...] public links >> efeitos Efeitos Glow Saved by chicodelacalle on Sat 08-11-2008 Marradas com efeitos sonoros, parte 2! Saved by [...]