Fading mc's on and off with rollover's

[steelbydesign]

So I'm making a banner ad with some disclaimer text at the end that I want to fade on (replacing some other text) when the user rolls over a small button, and I want it to go back to how it was when the user rolls out of the stage all together...


• Right now I have a button that covers the whole stage (to detect roll over for a button animation and it has some click through text), and that's called hit_mc

• I also have a small button that I want to activate the text fade out and the disclaimer fade on. That's called rulesBtn

• So when the user rolls over rulesBtn I want text02_mc and text03_mc to do an alpha fade out, and disclaimer_mc to fade on.

• THEN when the user rolls off the stage all together, or off of hit_mc it would do the opposite, meaning disclaimer_mc would fade off and the two text movie clips would fade back on.



I tend to animate but I'm terrible with action script. Any help would be GREATLY appreciated.

[dmb85]

Go get the greensock tweening platform: http://www.greensock.com/tweennano/. Put the "com" folder next to your .fla.

Then to tell something to fade out over a specified amount of time, you'd do something like:

//Since you're making a web banner, we use the TweenNano class which is the smallest in size
import com.greensock.TweenNano;

rulesBtn.onClick = function () {
   TweenNano.to(text02_mc, 0.5, {_alpha:0}); //Tweens the object to alpha 0, over 0.5 seconds
   TweenNano.to(text03_mc, 0.5, {_alpha:0}); //Tweens the object to alpha 0, over 0.5 seconds
   TweenNano.to(disclaimer_mc, 0.5, {_alpha:100}); //Tweens the object to alpha 100, over 0.5 seconds
}

[neilmmm]

disclaimer_mc._alpha = 0;
fadeAmount = 2;
hit_mc.onRollOver = function() {
	this.onEnterFrame = function() {
		text02_mc._alpha -= fadeAmount;
		text03_mc._alpha -= fadeAmount;
		disclaimer_mc._alpha += fadeAmount;
		if (text02_mc._alpha<=1) {
			text02_mc._alpha = 0;
			text03_mc._alpha = 0;
			disclaimer_mc._alpha = 100;
			delete this.onEnterFrame;
		}
	};
};
hit_mc.onRollOut = function() {
	this.onEnterFrame = function() {
		text02_mc._alpha += fadeAmount;
		text03_mc._alpha += fadeAmount;
		disclaimer_mc._alpha -= fadeAmount;
		if (text02_mc._alpha>=99) {
			text02_mc._alpha = 100;
			text03_mc._alpha = 100;
			disclaimer_mc._alpha = 0;
			delete this.onEnterFrame;
		}
	};
};