Hola foreros. Estoy haciendo una barra de navegación (menú) para mi página web y espero que me podais echar una mano.
Mi menú consta de 6 botones. Cada vez que el ratón esta encima de uno de esos botones aparece debajo de la un barra movie clip que está formado por 'x' botones que formarían lo que sería el submenú. Si muevo al ratón a otro de los botones principales desaparece el submenú del boton anterior y aparece el submenú del nuevo. El código de la barra de navegación es este:
Código:
//ON ROLL OVER's:
boton1.onRollOver = function(){
boton1.gotoAndStop(2)
boton2.gotoAndStop(1)
boton3.gotoAndStop(1)
boton4.gotoAndStop(1)
boton5.gotoAndStop(1)
boton6.gotoAndStop(1)
_root.movie1.play()
movie1._visible = true
movie2._visible = false
movie3._visible = false
movie4._visible = false
movie5._visible = false
movie6._visible = false
}
boton2.onRollOver = function(){
boton1.gotoAndStop(1)
boton2.gotoAndStop(2)
boton3.gotoAndStop(1)
boton4.gotoAndStop(1)
boton5.gotoAndStop(1)
boton6.gotoAndStop(1)
_root.movie2.play()
movie1._visible = false
movie2._visible = true
movie3._visible = false
movie4._visible = false
movie5._visible = false
movie6._visible = false
}
boton3.onRollOver = function(){
boton1.gotoAndStop(1)
boton2.gotoAndStop(1)
boton3.gotoAndStop(2)
boton4.gotoAndStop(1)
boton5.gotoAndStop(1)
boton6.gotoAndStop(1)
_root.movie3.play()
movie1._visible = false
movie2._visible = false
movie3._visible = true
movie4._visible = false
movie5._visible = false
movie6._visible = false
}
boton4.onRollOver = function(){
boton1.gotoAndStop(1)
boton2.gotoAndStop(1)
boton3.gotoAndStop(1)
boton4.gotoAndStop(2)
boton5.gotoAndStop(1)
boton6.gotoAndStop(1)
_root.movie4.play()
movie1._visible = false
movie2._visible = false
movie3._visible = false
movie4._visible = true
movie5._visible = false
movie6._visible = false
}
boton5.onRollOver = function(){
boton1.gotoAndStop(1)
boton2.gotoAndStop(1)
boton3.gotoAndStop(1)
boton4.gotoAndStop(1)
boton5.gotoAndStop(2)
boton6.gotoAndStop(1)
_root.movie1.play()
movie1._visible = false
movie2._visible = false
movie3._visible = false
movie4._visible = false
movie5._visible = true
movie6._visible = false
}
boton6.onRollOver = function(){
boton1.gotoAndStop(1)
boton2.gotoAndStop(1)
boton3.gotoAndStop(1)
boton4.gotoAndStop(1)
boton5.gotoAndStop(1)
boton6.gotoAndStop(2)
_root.movie1.play()
movie1._visible = false
movie2._visible = false
movie3._visible = false
movie4._visible = false
movie5._visible = false
movie6._visible = true
}
//ON PRESS':
boton1.onPress = function(){
boton1.gotoAndPlay(3)
}
boton2.onPress = function(){
boton2.gotoAndPlay(3)
}
boton3.onPress = function(){
boton3.gotoAndPlay(3)
}
boton4.onPress = function(){
boton4.gotoAndPlay(3)
}
boton5.onPress = function(){
boton5.gotoAndPlay(3)
}
boton6.onPress = function(){
boton6.gotoAndPlay(3)
}
//ON RELEASE's:
boton1.onRelease = function(){
boton1.gotoAndPlay(2)
}
boton2.onRelease = function(){
boton2.gotoAndPlay(2)
}
boton3.onRelease = function(){
boton3.gotoAndPlay(2)
}
boton4.onRelease = function(){
boton4.gotoAndPlay(2)
}
boton5.onRelease = function(){
boton5.gotoAndPlay(2)
}
boton6.onRelease = function(){
boton6.gotoAndPlay(2)
}
El problema que tengo es que no se como hacer que desaparezca el submenu si muevo el ratón fuera de la barra de navegación.
Si al aguien no le ha quedado de como tiene que funcionar la barra podeis entrar en la pagina de macromedia porque tiene que funcionar de la misma manera.
Espero que me podais ayudar.
Espero sugerencias.
Gracias