On time warner flash menu

programming flash
1

Hi folks,

I have a basic grasp of Flash. I saw the flash menu at http://www.timewarner.com/corp/ that I liked and would like to learn how to make something similar. The menu that I am interested in at the above link and is the one below the floating images. The menu has the links AOL HBO etc.

Notice how the gradient follows the mouse AND stops when you get to a link.

I know the follow mouse is a part of this but how it is implemented to stop at a link I have no idea. Any insight or direction would be appreciated.

Regards,
Libman

2

This effect is simple to do.
Here’s a more or less complete setup, using AS3.

[U][COLOR=“Blue”]http://www.byrographics.com/AS3/follower/follower.swf[/COLOR][/U]

stop();
import gs.TweenMax;
import fl.motion.easing.*;
import flash.display.StageScaleMode;
import flash.display.StageAlign;
import flash.events.Event;

stage.scaleMode = StageScaleMode.NO_SCALE;

buttons.b1.textLink.text = "button 1";
buttons.b2.textLink.text = "button 2";
buttons.b3.textLink.text = "button 3";
buttons.b4.textLink.text = "button 4";

buttons.buttonMode = true;
buttons.b1.textLink.mouseEnabled = false;
buttons.b2.textLink.mouseEnabled = false;
buttons.b3.textLink.mouseEnabled = false;
buttons.b4.textLink.mouseEnabled = false;
buttons.follower.mouseEnabled = false;
buttons.mouseEnabled = false;

var button:String = "";
var txtLoader:URLLoader = new URLLoader();

buttons.addEventListener(MouseEvent.CLICK, action, false, 0, true);
buttons.addEventListener(MouseEvent.MOUSE_OVER, action, false, 0, true);
buttons.addEventListener(MouseEvent.MOUSE_OUT, action, false, 0, true);

function action(event:MouseEvent):void {//mouse events for buttonBar "c"
	button = event.target.name;
	switch (event.type) {
		case MouseEvent.MOUSE_OVER :
			TweenMax.to(buttons.follower, .4, {x:event.target.x, ease:Cubic.easeIn});
			break;
		case MouseEvent.MOUSE_OUT :
			//trace(button);
			break;
		case MouseEvent.CLICK :
			loadPage();
	}
}

function loadPage():void {
	txtLoader.addEventListener(Event.COMPLETE, onLoaded, false, 0, true);
	switch (button) {
		case "b1" :
			txtLoader.load(new URLRequest("page1.txt"));
			removeEventListener(Event.COMPLETE, onLoaded);
			break;
		case "b2" :
			txtLoader.load(new URLRequest("page2.txt"));
			removeEventListener(Event.COMPLETE, onLoaded);
			break;
		case "b3" :
			txtLoader.load(new URLRequest("page3.txt"));
			removeEventListener(Event.COMPLETE, onLoaded);
			break;
		case "b4" :
			txtLoader.load(new URLRequest("page4.txt"));
			removeEventListener(Event.COMPLETE, onLoaded);
			break;
	}
}

function onLoaded(e:Event):void {
	bodyTxt.text = txtLoader.data;
}