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
Y aqui un poco del menu.
Muchas gracias de antemano por cualquier respuesta o ayuda que puedan aportar.
Saludos.
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
0
