need to spice up menu.

[mungk]

Hi just wanted to get your oppinions about my menu. I think it needs some sort of movement other than the back and forth pendulum but i'm not sure what cool effects are out there. So i''m gonna post on here and hopefully in the morning i'll see what the experts have to offer.

Click To View (http://www.albertoh.com/gimgaweb/clients.html)

[mungk]

and here's the code...



import mx.transitions.Tween;
import mx.transitions.easing.*;
import flash.geom.ColorTransform;
import flash.geom.Transform;

_global.style.fontFamily = "_cent";
_global.style.embedFonts = true;
_global.style.color = 0x000000;
_global.style.fontSize = 14;

var clipArray = new Array();

clipArray.push(aboutus_mc);
clipArray.push(aboutgpr_mc);
clipArray.push(print_mc);
clipArray.push(web_mc);
clipArray.push(contact_mc);
clipArray.push(clients_mc);
clipArray.push(access_mc);

aboutus_mc.targetUrl = "http://espn.com";
aboutgpr_mc.targetUrl = "http://espn.com";
print_mc.targetUrl = "http://espn.com";
web_mc.targetUrl = "http://espn.com";
contact_mc.targetUrl = "http://espn.com";
clients_mc.targetUrl = "http://espn.com";
access_mc.targetUrl = "http://espn.com";


aboutus_mc._yscale = 100;
aboutus_mc._xscale = 100;
aboutgpr_mc._yscale = 90;
aboutgpr_mc._xscale = 90;
print_mc._xscale = 75;
print_mc._yscale = 75;
web_mc._xscale = 100;
web_mc._yscale = 100;
contact_mc._xscale = 60;
contact_mc._yscale = 60;
clients_mc._xscale = 80;
clients_mc._yscale = 80;
access_mc._xscale = 100;
access_mc._yscale = 100;

for (var i=0; i < clipArray.length; i++) {
clipArray[i].onRollOver = rollOverClip;
clipArray[i].onRollOut = rollOutClip;
clipArray[i].onRelease = releaseClip;
clipArray[i].useHandCursor = true;
clipArray[i].initScale = clipArray[i]._xscale;
var colorTrans:ColorTransform = new ColorTransform();

colorTrans.rgb = 0x000000;



trans.colorTransform = colorTrans;
}

var counter = 0;


setTweenId = setInterval(this,"setTween",750);


function setTween() {

if (counter >= clipArray.length) {
clearInterval(setTweenId);
return;
}


addTween(clipArray[counter]);

counter++

}
//130 180
function addTween(tweenedClip) {
tweenedClip.tween.stop();
tweenedClip.tween = new Tween(tweenedClip, "_xscale", Regular.easeInOut, tweenedClip._xscale, 140, 180, false);

tweenedClip.tween.onMotionChanged = function() {

tweenedClip._yscale = tweenedClip._xscale
};

tweenedClip.tween.onMotionFinished = function() {


clearInterval(tweenedClip.timer);
tweenedClip.timer = setInterval(this,"doYoYo",20);

}

tweenedClip.tween.doYoYo = function () {
clearInterval(tweenedClip.timer);

this.yoyo();

}

}


function rollOverClip() {
var owner = this;
var trans:Transform = new Transform(this);
clearInterval(this.timer);
owner.tween.stop();
owner.tween = new Tween(owner, "_xscale", Strong.easeOut, owner._xscale, 230, 40, false);
owner = this;

owner.tween.onMotionChanged = function() {
owner._yscale = owner._xscale
};



var myTween:Tween = new Tween(this, "redColor", Strong.easeOut, 0, 255, 40, false);
myTween.onMotionChanged = function() {

colorTrans.redOffset = Math.ceil(owner.redColor);
colorTrans.alphaOffset = Math.ceil(owner._alpha);
trans.colorTransform = colorTrans;
};

var myTween1:Tween = new Tween(this, "greenColor", Strong.easeOut, 0, 153, 40, false);
myTween1.onMotionChanged = function() {

colorTrans.greenOffset = Math.ceil(owner.greenColor);
colorTrans.alphaOffset = Math.ceil(owner._alpha);
trans.colorTransform = colorTrans;
};

}

function rollOutClip() {
clearInterval(this.timer);

var owner = this;
var trans:Transform = new Transform(this);
owner.tween.stop();
owner.tween = new Tween(owner, "_xscale", Bounce.easeOut, owner._xscale, owner.initScale, 40, false);

owner.tween.onMotionChanged = function() {
owner._yscale = owner._xscale
};
owner.tween.onMotionFinished = function() {
addTween(owner);
}

var myTween:Tween = new Tween(this, "redColor", Strong.easeOut, this.redColor, 0, 40, false);
myTween.onMotionChanged = function() {

colorTrans.redOffset = Math.ceil(owner.redColor);
colorTrans.alphaOffset = Math.ceil(owner._alpha);
trans.colorTransform = colorTrans;
};

var myTween1:Tween = new Tween(this, "greenColor", Strong.easeOut, this.greenColor, 0, 40, false);
myTween1.onMotionChanged = function() {

colorTrans.greenOffset = Math.ceil(owner.greenColor);
colorTrans.alphaOffset = Math.ceil(owner._alpha);
trans.colorTransform = colorTrans;
};


}

function releaseClip() {

_root.getURL(this.targetUrl);

}

[SPAD3S]

Dude i love it No need for chnages!!!!!!!!!!!!!!! its unique and has style xD maybe with the site itself though with some overhead pics or somthing that of course would be orange! but i love it

[frozenRage]

the only problem i have with it is that it seems to spread out. mebe if you shrunk the horizontal width the menu takes up a bit?

[BoonDock]

I think it's ok, but it comes across a little sloppy since there is not a set place for each one...and they are different sizes etc. You could possibly try and put them in some type of shape and make them bounce a little less, but overall I think it's ok...just as I mentioned seems a little too messy...