JQuery - Delay a menu desplegable

   
Vista:

Delay a menu desplegable

Publicado por Enric (1 intervención) el 19/11/2012 12:51:07
Buenos días a todos.
Bueno mi problema es que tengo un menu desplegable el cual se despliega con un .mouseover, lo que me interesaria es que se le pudiera añadir un retraso a esa acción, para que al pasar el ratón por "accidente" no se desplegara el menu.

Aqui les dejo el jquery del menu

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){ // Script del Navegador
    $("ul.subnavegador").not('.selected').hide();
    $("a.desplegable").mouseover(function(e){
    var desplegable = $(this).parent().find("ul.subnavegador");
      $('.desplegable').parent().find("ul.subnavegador").not(desplegable).slideUp('normal');
      desplegable.slideToggle('normal');
      e.preventDefault();
    })
 });


Y aqui un poco del menu.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
li><a href="#" class="desplegable">Asistencias</a>
        <ul class="subnavegador">
            <li><a href="TECNICOS INFORMATICOS.zip">· Inquiero</a></li>
            <li><a href="informa.exe">· UltraVNC</a></li>
        </ul>
        </li>
<li><a href="default.htm">Inicio</a></li>
<li><a href="presentacion.htm">Presentacion</a></li>
<li><a href="erpintro.htm" class="desplegable">ERP,CRM</a>
        <ul class="subnavegador">
            <li><a href="ERP.htm">· ERP</a></li>
            <li><a href="CRM.htm">· CRM</a></li>
        </ul>
        </li>
<li><a href="hostintro.htm" class="desplegable">Hosteleria</a>
        <ul class="subnavegador">
            <li><a href="hostrest.htm">· ERP Restaurantes</a></li>
            <li><a href="hostele.htm">· ERP Telecomandas</a></li>
            <li><a href="hosthot.htm">· ERP Hotel</a></li>
            <li><a href="hostbar.htm">· Alfa Bar TPV</a></li>
        </ul>


Muchas gracias de antemano por cualquier respuesta o ayuda que puedan aportar.

Saludos.
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

Delay a menu desplegable

Publicado por xve (557 intervenciones) el 19/11/2012 20:18:51
Hola Enric, lo unico que se me ocurre, es implementar un timer... aquí tienes uno para jquery

http://code.cyntaxtech.com/plugins/jquery-timer

Espero que te sirva.

Coméntanos que tal te fue, ok?
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

Delay a menu desplegable

Publicado por Enric (1 intervención) el 21/11/2012 13:45:30
Gracias por la respuesta! voy a probarlo y les digo que tal ! :D
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