Efecto

Buenas a todos:
Soy nuevo en esto del diseño web y sobre todo en creación de flash. Estoy haciendo una barra de botones para navegar por mi nueva web con macromedia, es en horizontal y lo que kiero es q al pasar por encima de mis botones aparezca una barra sobre el texto del boton y que esta se desplace de un boton a otro (dereha e izquierda) segun vaya pasando el raton sobre uno u otro boton (texto). Es decir que si me pongo sobre el boton del centro la barra, que esta sobre el boon izquierdo, se desplace al centro, y si vuelvo al izquierdo, esta se desplace a la izquierda. No se si esto es muy complicado de hacer con macromedia flash o no. Aki hay un ejemplo claro http://www.l35.com/es/index.php?L1=-1. Creo q hay algo de PHP, q x otro lado n tengo ni idea... Ruego me ayuden con mi proyecto.

No para nada difisil es, pero tienes alugun conosimiento en AS?

No la verdad, pero si me lo explicas alomejor consigo hacerlo.
Gracias

Acá te dejo un link con un ejemplo de como se puede hacer miralo y pregunta cualquier duda que te surja respecto al código
http://www.megaupload.com/?d=ZH7EPDO0

No se si es la mejor manera de hacerlo probablemente haya alguna mejor manera de realizar ese efecto,
esta es la que se me ocurrió a mi

yo tengo un ejemplo de ese tipo de efecto k kieres hacer no es nada complicado es muy simple

esta muy bueno el ejemplo k te puso maxi solo k con algo de Tween keda mejor para k no sea algo tan brusco el k yo hice keda mejor con ese efecto Tween me puedes contactar si te interesa

Buenas, sigo esperando como agua de mayo el tuto en el q me explicas como puedo hacer que la barra de desplazamiento (efecto slider) se ancle en cada boton y que siempre aparezca y desaparezca por el lado izquierdo de mis botones cuando no este sobre ellos. Creo q fue usted el q en su dia me mostro un tuto hecho aki sobre el efecto slider, esa parte la tengo hecha y mas o menos se cm controlar la velocidad de desplazamiento, pero necesito el efecto que le comento, el de punto de partida y de retorno de la barra.
Gracias

trankilo todo es con calma yo tambien estoy buscando ayuda y nadie me ayuda pero deja ayo soluciones y te cargo el video para k lo hagas

Hola KALISE aca te dejo el tip de la barra y explicado

Código ActionScript :

/*Importamos la clase Tween para animaciones dinamicas*/
import mx.transitions.Tween;


/*calculamos la posición donde debe estar la barra*/
Hw= Stage.width
/*Esto suponiendo que son 4 los botones y que están alineados*/
HwX= Hw/4
Hw1= HwX
Hw2= HwX*2
Hw3= HwX*3
Hw4= HwX*4
/*********BOTONES******************************/
/*onRollOver para cuando estemos sobre el botón se dispare la función desplazar*/
B0.onRollOver=function(){ DesplazaBarra();}
B1.onRollOver=function(){ DesplazaBarra();}
/*RollOut para cuando estamos fura del area del boton la barra vuelva a su lugar*/
B1.onRollOut = function (){barra._x=7};
B2.onRollOver=function(){ DesplazaBarra();}
B2.onRollOut = function (){barra._x=7};
B3.onRollOver=function(){ DesplazaBarra();}
B3.onRollOut = function (){barra._x=7};
/**************************************************/

/*********************************************************/
onEnterFrame= function(){
texto1.text="barra X ="+barra._x+" barra2 X="+barra1._x
texto0.text="Hw1 ="+Hw1+"Hw2 ="+Hw2+"Hw3 ="+Hw3+"Hw4 ="+Hw4
}
/*esta es la función que desplaza la barra haciendo uso de la clase Tween
para mas información de la clase tween visita

http://www.cristalab.com/tips/animaciones-dinamicas-con-clase-tween-de-actionscript-2-c48969l/ */

function DesplazaBarra()
{
/*en caso de que la posición _x del mouse sea menor que Hw1.. y así sucesivamente*/
if(_xmouse <= Hw1)
{var miTween:Tween = new Tween(barra, "_x", null,barra._x, Hw1-Hw1, 0.5, true)}

if(_xmouse >= Hw2-Hw1-1)
{var miTween:Tween = new Tween(barra, "_x", null,barra._x, Hw2-Hw1, 0.5, true);}

if(_xmouse >= Hw3-Hw1-1)
{var miTween:Tween = new Tween(barra, "_x", null,barra._x, Hw3-Hw1, 0.5, true);}

if(_xmouse >= Hw4-Hw1-1)
{var miTween:Tween = new Tween(barra, "_x", null,barra._x, Hw4-Hw1, 0.5, true);}
   

}

Cualquier duda no dudes en preguntar

Me acabo de dar cuenta

Código ActionScript :

if(_xmouse >= Hw2-Hw1-1)

esto es lo mismo que

Código ActionScript :

if(_xmouse >= Hw1-1)

Código ActionScript :

if(_xmouse >= Hw3-Hw1-1) 

esto que esto

Código ActionScript :

if(_xmouse >= Hw2-1) 

Código ActionScript :

if(_xmouse >= Hw4-Hw1-1)

y esto

Código ActionScript :

if(_xmouse >= Hw3-1) ]

podes cambiarlo o dejarlo la manera mas correcta de hacerlo seria la segunda por que ocupa menos código.
Aca te dejo el archivo final
http://www.megaupload.com/?d=DI8MZHV5

Buenos dias MAxi, he visto tu ejemplo y es mas o menos lo que buscaba, salvo que cuando paso de un boton a otro la barra parte de la izquierda, la idea es que cuando paso sobre los botones la barra me siga, aun cuando paso inmediatamente sobre otro boton, solo quiero que vaya al inicio cuando deje de estar sobre los botones, tal y como se ve en esta web: http://www.l35.com/es/index.php?L1=-1

Bueno la manera mas sensilla que se me ocurre es crear una variable
ej
id = 0
luego en cada RollOver apartir del B1 le ponemos un id++
y en cada RollOut ponle un id++
despues en el ciclo de onEntr frame pone este codigo

Código ActionScript :

if (id<1){barra._x =7}

Los rollOver quedarian asi

Código ActionScript :

B1.onRollOver=function(){ DesplazaBarra();id++} 

y los rollOut

Código ActionScript :

B3.onRollOut = function (){id--}; 

Muxas gracias MaxiSan20, voy a montar todo esto a ver si soy capaz de hacerlo funcionar.

MaxiSan20, siento ser tan pesado, pero no me funciona, este es el codigo q me ha quedado, pero no me hace lo deseado:
/*Importamos la clase Tween para animaciones dinamicas*/
import mx.transitions.Tween;
/*calculamos la posición donde debe estar la barra*/
Hw= Stage.width
/*Esto suponiendo que son 4 los botones y que están alineados*/
HwX= Hw/4
Hw1= HwX
Hw2= HwX*2
Hw3= HwX*3
Hw4= HwX*4
/*********BOTONES******************************/
/*onRollOver para cuando estemos sobre el botón se dispare la función desplazar*/
B0.onRollOver=function(){ DesplazaBarra();}
B1.onRollOver=function(){ DesplazaBarra();id++}
/*RollOut para cuando estamos fura del area del boton la barra vuelva a su lugar*/
B1.onRollOut = function (){barra._x=-150};
B2.onRollOver=function(){ DesplazaBarra();id++}
B2.onRollOut = function (){barra._x=-150};
B3.onRollOver=function(){ DesplazaBarra();id++}
B3.onRollOut = function (){id--};
/**************************************************/

/*********************************************************/
onEnterFrame= function(){
texto1.text="barra X ="+barra._x
texto0.text="Hw1 ="+Hw1+"Hw2 ="+Hw2+"Hw3 ="+Hw3+"Hw4 ="+Hw4
}
if (id<1){barra._x=-150}
/*esta es la función que desplaza la barra haciendo uso de la clase Tween
para mas información de la clase tween visita

http://www.cristalab.com/tips/animaciones-dinamicas-con-clase-tween-de-actionscript-2-c48969l/ */

function DesplazaBarra()
{
/*en caso de que la posición _x del mouse sea menor que Hw1.. y así sucesivamente*/
if(_xmouse <= Hw1)
{var miTween:Tween = new Tween(barra, "_x", null,barra._x, Hw1-Hw1, 0.5, true)}

if(_xmouse >= Hw1-1)
{var miTween:Tween = new Tween(barra, "_x", null,barra._x, Hw2-Hw1, 0.5, true);}

if(_xmouse >= Hw2-1)
{var miTween:Tween = new Tween(barra, "_x", null,barra._x, Hw3-Hw1, 0.5, true);}

if(_xmouse >= Hw3-1)
{var miTween:Tween = new Tween(barra, "_x", null,barra._x, Hw4-Hw1, 0.5, true);}


}
No se q hago mal

primero que nada cuando pongas codigo utiliza las etiquetas correspondientes(dejan mas prolijo el post)
e codigo para AS es [ass][/ass]con una sola s
tu error esta qui mira

Código ActionScript :

/*onRollOver para cuando estemos sobre el botón se dispare la función desplazar*/
B0.onRollOver=function(){ DesplazaBarra();}
B1.onRollOver=function(){ DesplazaBarra();id++}
/*RollOut para cuando estamos fura del area del boton la barra vuelva a su lugar*/
//B1.onRollOut = function (){barra._x=-150};//aqui deve ir 
B1.onRollOut = function (){id--}
B2.onRollOver=function(){ DesplazaBarra();id++}
B2.onRollOut = function (){id--;
B3.onRollOver=function(){ DesplazaBarra();id++}
B3.onRollOut = function (){id--};

declara la variable en el principio del código fuera del on enter frame si podes subir tu archivo

lee mas atento y no dudes en leer una y otra y otra ves,
te recomiendo que empieces con algún tuto de AS2.0 para poder comprender mejor y empezar a armar tu propios código
yo hace un par de meses que he empezado con AS y la verdad que es un lenguaje óptimo

Kalize ya por fin mira no ocupas tanto codigo mira aqui te dejo el link del video para que lo veas espero te ayude y te sirva y funcione cualkier cosa enviame mensaje privado http://www.youtube.com/watch?v=0Iwl1c0AJ-k igual si no puedes ver el video aun intentanlo mas tarde que apenas voy subiendo el video a youtube y tienen que confirmarlo suerte

Muy bueno tjmysteri !!

gracias maxi se hace lo que se peude y en lo que se pueda ayudar