[Jquey] Comment modifier les bordures avec la fonction animate() ?

Par Mandra, il y a 12 ans

Javascript

Bonjour, je souhaiterais modifier l'épaisseur de la bordure d'une DIV avec la fonction animate lors du survol de la souris.
Celà fonctione avec .css mans non .animate:

$(function(){   
    $("#header-exp-cercle-central").mouseover(function(){
        $('#header-exp-cercle-central').css({
            border: "8px solid #c96c36"     
        });
    });
});

Fonctionne mais : 

$(function(){   
    $("#header-exp-cercle-central").mouseover(function(){
        $('#header-exp-cercle-central').animate({
            border: "8px solid #c96c36"     
        });
    });
});

Ne fonctionne pas.
Existe t'il un moyen d'effectuer cette modification avec la fonction animate() ?

Merci pour vos réponses ;)

1 réponse

antho07, il y a 12 ans

Bonsoir,

En cherchant un peu sur google, ceci semble fonctionner:

$(function(){   
    $("#header-exp-cercle-central").mouseover(function(){
        $('#header-exp-cercle-central').animate({
  borderLeftWidth: "8px",
  borderTopWidth: "8px",
  borderRightWidth: "8px",
  borderBottomWidth: "8px"
}, 200);
    });
});

cordialement

Antho