Fadeout une bordure d'une étiquette

J'essaye de fondre la bordure d'une étiquette html en utilisant jQuery. Après avoir beaucoup cherché, j'arrive à savoir que la fonction .animate() de jQuery peut être utile pour cela. Mais je ne suis pas capable de l'implémenter correctement. Voici le jsfiddle sur lequel, je travaille. J'ai essayé d'utiliser $("#lbl").animate({border-bottom: 'border-bottom: 1px solid #D8D8D8'}); dans la méthode cliquée par bouton. Mais ça n'a pas marché. S'il vous plaît laissez-moi savoir, qu'est-ce que je fais mal? OU Y a-t-il un autre moyen d'y parvenir?Fadeout une bordure d'une étiquette

Source

2012-06-19 Vaibhav Jain

Utilisez jQuery UI et animer la couleur de la bordure comme suit:

$("#lbl").animate({ 
    "border-color": "#fff" 
});

DEMO:http://jsfiddle.net/7Vc9u/9/

UPDATE. Il semble que border-color (ou borderColor) ne soit pas une propriété de navigateur pour l'animation et ne fonctionne pas dans FF et IE (voir comment below). Nous pouvons changer les propriétés de chaque frontière séparément. Cela devrait fonctionner correctement.

$("#lbl").animate({ 
    "borderBottomColor": "#fff", 
    "borderLeftColor": "#fff", 
    "borderRightColor": "#fff", 
    "borderTopColor": "#fff" 
});

DEMO:http://jsfiddle.net/7Vc9u/11/

Source

2012-06-19 10:01:46 VisioN

+1 Une minute plus vite que moi :-) – ManseUK

soutien du navigateur semble varier. Cela ne semble fonctionner que dans Chrome pour moi, Firefox et IE échangent simplement la couleur de la bordure sans l'animer. –

+1 excellent, mon frit, je t'aime beaucoup, excellent, très bon, gentil, amour, paix, fais la même chose. – gdoron

Essayez ceci:

$("#lbl").animate({ 
    "border-color": "#fff" 
},1000);

Cela animer la couleur de la bordure au blanc sur une durée de 1 seconde (deuxième paramètre de animate - 1000 millisecondes).

Remarque utiliser .animate() vous devez utiliser jQuery UI

Working jsfiddle here

Source

2012-06-19 10:03:33 ManseUK

+1, je ne connaissais pas qu'il nécessite l'interface utilisateur jQuery –

Fadeout une bordure d'une étiquette

Répondre

Questions connexes