Estoy haciendo un menú con 4 botones y quiero que tenga un efecto similar al que hay en la botonera de www.jeremylevine.com (es decir, que al hacer rollover sobre un botón se agrande ese mismo y los demás se escalen proporcionalmente).
Lo que no puedo lograr es que al quitar el mouse vuelva a su tamaño original inmediatamente...es decir, debo alejar demasiado el mouse para que lo haga.
Alguien podría darse cuenta que es lo que tendría que correjir y darme una ayudita?
El código que he colocado en el primer frame de mi película es el siguiente:
var _totalclips = 4;
var _espaciado = 5;
var _radiomax = 300;
var _escalamax = 130;
var _margen = 10;
function hayaRadio(clip){
var x = clip._xmouse;
var y = clip._ymouse;
var radio = Math.sqrt(x*x + y*y);
return radio;
}
function escalarClip(clip,radio,radiomax,escalamax){
var difradio = radiomax/radio;
var escala = escalamax + ((100 - escalamax)/difradio);
if(radio <= radiomax){
clip._xscale = escala;
clip._yscale = escala;
}else{
clip._xscale = clip._yscale = 100;
}
}
function reposicionaClips(clip,clipanterior,num){
if(num > 0){
clip._x = clipanterior._x + (clipanterior._width/2) + (clip._width/2) + _espaciado;
}
_root.contenedor._x = (Stage.width / 2 ) - (_root.contenedor._width / 2) + 50 ;
}
function buscaRaton(){
if(Math.max(_xmouse,Stage.width - _margen) == _xmouse or Math.min(_xmouse,0 + _margen) == _xmouse){
return false;
}else if(Math.max(_ymouse,Stage.height + _margen) == _ymouse or Math.min(_ymouse,0 + _margen) == _ymouse){
return false;
}else{
return true;
}
}
_root.onMouseMove = function(){
for(i=0;i<_totalclips;i++){
if(buscaRaton()){
escalarClip(_root.contenedor["clip"+i],hayaRadio(_root.contenedor["clip"+i]),_radiomax,_escalamax);
reposicionaClips(_root.contenedor["clip"-(i-1)],_root.contenedor["clip"+(i-1)],i);
}else{
_root.contenedor["clip"+i]._xscale = _root.contenedor["clip"+i]._yscale = 100;
reposicionaClips(_root.contenedor["clip"+i],_root.contenedor["clip"+(i-1)],i);
}
}
}
Desde ya mil graciaaaaassss!!!
