JQuery - Añadir Delay en hover, menu multinivel Jquery y CSS

   
Vista:

Añadir Delay en hover, menu multinivel Jquery y CSS

Publicado por Resback resback@gmail.com (1 intervención) el 25/07/2014 00:24:38
Tengo este menú multinivel montado en una página web:

http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/

Tiene un efecto hover que al poner el mouse y al quitarlo añade una animación de desenvolverse, este menu tiene opciones de controlar el tiempo de la animación.

Lo que me interesa saber es como controlar el tiempo en el que quitas el puntero del menu y se activa el efecto de desenrrollarse. Ya que basta unos milisegundos que tengas el puntero fuera del área del menú y se oculte todo totalmente.

Este menú tiene exactamente el efecto deseado, pero quiero hacerlo en el menu que mencione primero (DynamicDrive)

http://users.tpg.com.au/j_birch/plugins/superfish/example.html

** Duda opcional **

En el primer menú se aplica el ID y CLASS a una capa <DIV>, y dentro de ella esta la etiqueta <Ul> que no tiene ningún ID y CLASS, si quiero poner ese ID y CLASS a la etiqueta "<UL>" deja de funcionar el menú.

El segundo menú tiene un ID y CLASS en la etiqueta <UL> directamente sin DIVS, si pongo ese código en una etiqueta superior,"<DIV>" el menú no funciona más.

------

Me gustaría saber como hacer que el segundo menú (superfish) se apliquen los ID y CLASS a una etiqueta "<DIV>" Y DENTRO DE ELLA <UL>

Ejemplo:

<div class="sf-menu" id="example">

<ul>

<li></li>
<li></li>

</ul>

</div>


Saludos y gracias por sus comentarios
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Añadir Delay en hover, menu multinivel Jquery y CSS

Publicado por xve (557 intervenciones) el 30/07/2014 16:19:00
Hola Rasback, no se muy bien a que te refieres, ya que no he detectado el timeout que me comentas... de todos modos, aquí tienes un ejemplo de como hacer un timeout para mostrar una capa.
http://www.lawebdelprogramador.com/codigo/JQuery/2728-Mostramos_una_capa_despues_de_estar_unos_segundos_encima_de_otra_capa.html

Espero que te sirva.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar