18/08/2013, 02:28
|
|
Menú que aparece al pulsar un botón. Hola, tengo mi página web: www.actemp.tk. El caso es que, como verán si entran a ella, les aparece un menú a pantalla completa que puede hacerse desaparecer pulsando en "-- Cerrar" y volver a abrir pulsando en "-- Menu". Lo que quiero hacer es que ese menú no aparezca hasta que el usuario pulse en el botón "-- Menu". Este es mi código:
<script src='http://www.actemp.tk/intl/css/mooto… type='text/javascript'></script>
<script>
window.addEvent('domready', function(){
$('fadeout').addEvent('click', function(evento){
evento.preventDefault();
$('menu').fade('out');
});
$('fadein').addEvent('click', function(evento){
evento.preventDefault();
$('menu').fade('in');
});
});
window.addEvent('domready', function(){
$('fadeout').addEvent('click', function(evento){
evento.preventDefault();
$('menu2').fade('out');
});
$('fadein').addEvent('click', function(evento){
evento.preventDefault();
$('menu2').fade('in');
});
});
window.addEvent('domready', function(){
$('fadeout').addEvent('click', function(evento){
evento.preventDefault();
$('menu3').fade('out');
});
$('fadein').addEvent('click', function(evento){
evento.preventDefault();
$('menu3').fade('in');
});
});
</script>
Hay tantos porque el menu incluye muchos divs y si no no los desaparecía. Simplemente, si solo fuera un div se quedaría así:
<script src='http://www.actemp.tk/intl/css/mooto… type='text/javascript'></script>
<script>
window.addEvent('domready', function(){
$('fadeout').addEvent('click', function(evento){
evento.preventDefault();
$('menu').fade('out');
});
$('fadein').addEvent('click', function(evento){
evento.preventDefault();
$('menu').fade('in');
});
});
</script>
¡Gracias anticipadas! =D |