In this example I have 3 panels.
Goal: Have the color of these mcs: "panel1.tab1.Bgr" "panel2.tab2.Bgr" and "panel3.tab13.Bgr" tween to #2ea0dd on mouseOver and then on mouseOut tween back to their original color (tintAmount:0). I can't figure out how to accomplish this :-(
I have this function:
function onMouseOver(e:MouseEvent):void {
var mousedOver:MovieClip = MovieClip(e.target);
for(var i:int=0; i<numChildren; i++) {
var mc:MovieClip = MovieClip(getChildAt(i));
if(mc.props.ind <= mousedOver.props.ind)
//if it is, animate to the top TweenLite.to(mc, .5, {y:mc.props.ty});
//if not animate to the bottom
else
TweenLite.to(mc, .5, {y:mc.props.by});
TweenMax.to(panel1.tab1.tab1Bgr, 1, {colorTransform:{tint:0x2ea0dd, tintAmount:1}});
}}
Any help much appreciated. THANK YOU!
Aucun commentaire:
Enregistrer un commentaire