¿Cómo puedo retrasar un cambio de CSS en jquery? Aquí está mi código:¿Función de retraso de CSS en Jquery?
$("document").ready(function() {
$(".pressimage img").mouseenter(function() {
$jq(this).css('z-index','1000');
});
$(".pressimage img").mouseleave(1000,function() {
$jq(this).css('z-index','1');
});
});
Necesito la función mouseleave que ocurra alrededor de 1/2 de un segundo después de que las hojas del ratón.
Uso de algunos otros jquery para hacer que las imágenes se amplíen con el mouseover. Cuando se expanden, se cubren entre sí, por lo que necesito que el índice z de la imagen animada sea más alto que el otro. Luego, cuando el mouse se va, el índice z tiene que volver a la normalidad.
El código anterior funciona, excepto que el índice z cambia tan pronto como el mouse se va, por lo que la animación no tiene tiempo para completarse. Por lo tanto, necesito retrasar un poco la función mouseleave. Gracias
ACTUALIZACIÓN
Aquí está mi sitio: http://smartpeopletalkfast.co.uk/ppr6/press
He puesto mi código en la cabeza:
$jq("document").ready(function() {
$jq(".pressimage img").mouseenter(function() {
$jq(this).css('z-index','100');
});
$jq(".pressimage img").mouseleave(function() {
$jq(this).css('z-index','1');
});
});
Este código está trabajando bien, pero no tiene ninguna demora. Si pasa el puntero sobre la imagen superior izquierda, funciona bien, pero tan pronto como suelta el mouse va detrás de la imagen debajo de él. Gracias
de trabajo. Muchas gracias. – Evans