This is a kind of effect that long back I have seen on a website and recreated for my portfolio site. But unfortunately the harddisk of mine got crashed and lost all the  files. Today I have seen the same in theflashblog website and recreated the same with minimal code for the designers to make use of it.

Code is simple that even beginners can use in their project.

Menu can be used to display Images, Works in portfolio sites.

The source flash file is attached at the end of the tutorial.

Code Explanation

Importing the necessary tarnsition classes

import fl.transitions.*;
import fl.transitions.easing.*;

Storing the initial X,Y position of the MenuItem, which we use later in the code to reset the button.

var xx:Number = menuItem.x;
var yy:Number = menuItem.y;

Registering the MouseMove and RollOut Event

btn.addEventListener( MouseEvent.MOUSE_MOVE, handleMouseMove);
btn.addEventListener( MouseEvent.ROLL_OUT, handleRollOut);

Storing the current X,Y position of the MenuItem and Animating to the Mouse position

function handleMouseMove(e:MouseEvent):void
{
	var tempX:Number = menuItem.x;
	var tempY:Number = menuItem.y;
	var tweenX:Tween = new Tween(menuItem, 'x', Elastic.easeOut, tempX, menuItem.parent.mouseX,.2,true);
	var tweenY:Tween = new Tween(menuItem, 'y', Elastic.easeOut, tempY, menuItem.parent.mouseY,.2,true);
	//updateAfterEvent is to refresh screen
	e.updateAfterEvent()
}

Storing the current X,Y position of the MenuItem and Animating to the initial position

function handleRollOut(e:MouseEvent):void
{
	var tempX:Number = menuItem.x;
	var tempY:Number = menuItem.y;
	var tweenX:Tween = new Tween(menuItem, 'x', Back.easeOut, tempX, xx,.4,true);
	var tweenY:Tween = new Tween(menuItem, 'y', Back.easeOut, tempY,yy,.4,true);
}

Example of code:

Full Action script code for proximity Menu:

import fl.transitions.*;
import fl.transitions.easing.*;

var xx:Number = menuItem.x;
var yy:Number = menuItem.y;

btn.addEventListener( MouseEvent.MOUSE_MOVE, handleMouseMove);
btn.addEventListener( MouseEvent.ROLL_OUT, handleRollOut);

function handleMouseMove(e:MouseEvent):void
{
	var tempX:Number = menuItem.x;
	var tempY:Number = menuItem.y;
	var tweenX:Tween = new Tween(menuItem, 'x', Elastic.easeOut, tempX, menuItem.parent.mouseX,.2,true);
	var tweenY:Tween = new Tween(menuItem, 'y', Elastic.easeOut, tempY, menuItem.parent.mouseY,.2,true);
	e.updateAfterEvent()
}
function handleRollOut(e:MouseEvent):void
{
	var tempX:Number = menuItem.x;
	var tempY:Number = menuItem.y;
	var tweenX:Tween = new Tween(menuItem, 'x', Back.easeOut, tempX, xx,.4,true);
	var tweenY:Tween = new Tween(menuItem, 'y', Back.easeOut, tempY,yy,.4,true);
}