Comunidad de diseño web y desarrollo en internet online

Necesito ayuda con Efecto de retraso para cerrar el menu

Citar            
MensajeEscrito el 08 Ene 2007 10:17 pm
Visitando páginas me tope con www.valentino.it, dentro de esta página (la version en italiano) me encontre con un menu dentro de la seccion pret a porter // otoño invierno 06 - 07, la situacion es que en la parte inferior hay un menu, ke la pasar por encima se abre, nada fuera de lo comun hasta ahi OK, lo ke no logro hacer es ke al salir del menu este se cierre despues de X segundos, todo lo he hecho con AS2, el menu lo abro con new Twen pues cuando uso

movie_clip.onRollOver = function() { ... }

los botones interiores no funcionan por eso use new tween

Aqui el codigo ke uso

Código :

//--Importacion de transiciones
import mx.transitions.Tween;
import mx.transitions.easing.*;
//--Declaracion de lector de Mouse
var mouseListener:Object = new Object();
mouseListener.onMouseMove = function() {
   yraton = _root._ymouse;
   xraton = _root._xmouse;
   //-- Abre el Menu
   if (_root.menu1._y>=400) {
      if (yraton>390 && yraton<400) {
         trace("abrete");
         new Tween(_root.menu1, "_y", mx.transitions.easing.Strong.easeOut, 400, 297, 12, false);
      } else {
      }
   }
   //-- Cierra el Menu                                 
   var inter:Number;
   var intervalo:Number = 0;
   if (_root.menu1._y == 297) {
      if (yraton<=297) {
         function lapso() {
            intervalo++;
         }
         inter = setInterval(this, "lapso", 1000);
         if (intervalo<10) {
            lapso();
            trace("Inicio vale "+intervalo+" no es suficiente");
         } else {
            trace("Tiempo vale  = "+intervalo+" CIERRATE");
            new Tween(_root.menu1, "_y", mx.transitions.easing.Strong.easeOut, 297, 400, 12, false);
         }
      }
   }
};
//--Declaracion de funciones paa los botones
function over(destino) {
   new Tween(destino, "_alpha", mx.transitions.easing.Strong.easeOut, 100, 50, 6, false);
}
function out(destino) {
   new Tween(destino, "_alpha", mx.transitions.easing.Strong.easeOut, 50, 100, 12, false);
}
Mouse.addListener(mouseListener);



AYUDENME PLS :crap:

Por NeoCesar

Claber

1415 de clabLevel

14 tutoriales

Genero:Masculino  

Algun lugar dentro de la Matrix (Lima - Perú)

firefox
Citar            
MensajeEscrito el 09 Ene 2007 12:40 am
Hay algo para manejar los tiempos, setInterval() y clearInterval(), pones un setinterval en el rollout. Proba con eso.

Por Dientuki

Claber

2021 de clabLevel

11 tutoriales
1 articulo

Genero:Masculino   Héroes

Front-end Ninja

firefox
Citar            
MensajeEscrito el 09 Ene 2007 01:40 pm
Ya prove con setInterval(); pero no me liga tampoco, si me pueden pasar como quedaria el codigo seria genial, No puedo usar onRollOut pq al hacerlo los botones que van dentro de no funcionan la idea es un granmc que se abre desde abajo al pasra por encima del borde digamos a 20 px del borde y al abrirse encontramos los botones, como dije checar la web www.valentino.it, en la seccion en italiano, pret a porter, otoño invierno 06 - 07 y checar la parte de abajo de la pantalla par tener una idea de lo ke deseo hacer.

Gracias de todas mangas xD

Por NeoCesar

Claber

1415 de clabLevel

14 tutoriales

Genero:Masculino  

Algun lugar dentro de la Matrix (Lima - Perú)

firefox
Citar            
MensajeEscrito el 09 Ene 2007 08:54 pm
algo asi

Código :

//Variables globales
var segundo:Number = 20; //la cantidad de segundos que queresmos que tarde
var segundoFinal:Number = 0; //nuestro tope

//Esto iria en la parte de Cerrar menu

function cerrar(){
      segundoFinal = segundoFinal + 1;
      if (segundoFinal == segundo){
              clearInterval(mecierro); //terminamos el intervalo
              segundoFinal = 0; //volvemos a 0 nuestro tope
             //accion que queremos hacer
      }
}

var mecierro:Number = setInterval(cerrar, 1000); //Esta en milisegundos 1000 es igual a 1 segundo


Espero que te sirva

Por Dientuki

Claber

2021 de clabLevel

11 tutoriales
1 articulo

Genero:Masculino   Héroes

Front-end Ninja

firefox
Citar            
MensajeEscrito el 10 Ene 2007 04:55 pm
Gracias por el código pero cuando lo uso aun asi no me liga, aqui te pongo como quedo el código

Código :

//--Importacion de transiciones
import mx.transitions.Tween;
import mx.transitions.easing.*;
//--Declaracion de lector de Mouse
var segundo:Number = 3;
//la cantidad de segundos que queresmos que tarde
var segundoFinal:Number = 0;
//nuestro tope
var mouseListener:Object = new Object();
mouseListener.onMouseMove = function() 
{
   yraton = _root._ymouse;
   xraton = _root._xmouse;
   //-- Abre el Menu
   if (_root.menu1._y>=400) 
   {
      if (yraton>390 && yraton<400) 
      {
         trace("abrete");
         new Tween(_root.menu1, "_y", mx.transitions.easing.Strong.easeOut, 400, 297, 12, false);
      } else 
      {
      }
   }
   //-- Cierra el Menu                                         
   if (_root.menu1._y == 297) 
   {
      if (yraton < 285) 
      {
         trace("cierrate1");
         function cerrar() 
         {
            segundoFinal = segundoFinal+1;
            if (segundoFinal == segundo) 
            {
               clearInterval(mecierro);
               //terminamos el intervalo
               segundoFinal = 0;
               //volvemos a 0 nuestro tope
               trace("cierrate");
               new Tween(_root.menu1, "_y", mx.transitions.easing.Strong.easeOut, 297, 400, 12, false);
               //accion que queremos hacer
            }
         }
         var mecierro:Number = setInterval(cerrar, 1000);
         //Esta en milisegundos 1000 es igual a 1 segundo
      }
   }
};
Mouse.addListener(mouseListener);
//--Declaracion de funciones paa los botones
function over(destino) {
   new Tween(destino, "_alpha", mx.transitions.easing.Strong.easeOut, 100, 50, 6, false);
}
function out(destino) {
   new Tween(destino, "_alpha", mx.transitions.easing.Strong.easeOut, 50, 100, 12, false);
}
//-- Declaracion de Botones
_root.menu1.o1.onRollOver = function() {
   over(_root.menu1.o1);
};
_root.menu1.o1.onRollOut = function() {
   out(_root.menu1.o1);
};


de aki puedes descargar el archivo .fla http://www.reinasdelperu.com/menu.fla para que veas si puedes ayudarme o darme algun alcance.

Gracias :)

Por NeoCesar

Claber

1415 de clabLevel

14 tutoriales

Genero:Masculino  

Algun lugar dentro de la Matrix (Lima - Perú)

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.