Mousehover en jquery...
daniel545454
-
KX Messages postés 16761 Date d'inscription Statut Modérateur Dernière intervention -
KX Messages postés 16761 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
J'utilise le code ci-dessous:
$('.element').hover(function () {
$(this).children("ul").css("display", "block");
}, function () {
$(this).children("ul").css("display", "none");
});
Ce que je cherche a faire c'est ne pas executer la fonction "display:none" directement quand la souris sors du "hover" mais plutot attentre 2 seconde ...
Désolé si je m'exprime mal mais c'est pas simple a expliquer ... Merci de votre aide
J'utilise le code ci-dessous:
$('.element').hover(function () {
$(this).children("ul").css("display", "block");
}, function () {
$(this).children("ul").css("display", "none");
});
Ce que je cherche a faire c'est ne pas executer la fonction "display:none" directement quand la souris sors du "hover" mais plutot attentre 2 seconde ...
Désolé si je m'exprime mal mais c'est pas simple a expliquer ... Merci de votre aide
1 réponse
Tu peux peut-être essayé avec animate :
$('.element').hover(
function (){
$(this).children("ul").css("display", "block");
},
function()
{
$(this).children("ul").animate({
"display": "none",
}, 2000, function() {});
});
