Comment obtenir la couleur d'arrière-plan code d'un élément?
Comment puis-je obtenir la couleur d'arrière-plan code d'un élément?
HTML
<div style="background-color:#f5b405"></div>
jQuery
$(this).css("background-color");
Résultat
rgb(245, 180, 5)
Ce que je veux
#f5b405
- Que souhaites-tu faire avec la valeur?
- Je veux animer la couleur d'arrière-plan -
$(this).animate({ backgroundColor: '#f5b405' }, 'fast');
- Mais je viens de découvrir que je peux utiliser le code rgb pour animer la couleur de fond trop! lol
Vous devez vous connecter pour publier un commentaire.
Vérifier exemple de lien ci-dessous et cliquez sur le div pour obtenir la valeur de la couleur en hexadécimal.
Vérifier exemple de travail à http://jsfiddle.net/DCaQb/
$(this).css('backgroundColor')
retournergba(n, n, n, n)
.Il y a un peu un hack pour cela, depuis le HTML5 canvas est nécessaire à l'analyse des valeurs de couleur lorsque certaines propriétés comme
strokeStyle
etfillStyle
sont définies:fonctionne correctement sous Chrome et Firefox
Vous avez la couleur vous avez juste besoin de les convertir dans le format que vous voulez.
Voici un script qui devrait faire l'affaire: http://www.phpied.com/rgb-color-parser-in-javascript/
En fait, si il n'y a pas de définition de la
background-color
en vertu de certains éléments, google Chrome est sortie de sonbackground-color
commergba(0, 0, 0, 0)
, tandis que Firefox sorties esttransparent
.Ma belle solution non standard
HTML
jQuery
Résultat
Ajout sur @Newred solution.
Si votre style est plus que juste le
background-color
vous pouvez utiliser ceci:Cette Solution utilise une partie de ce que @Newred et @Radu Diță dit. Mais le travail, dans le cas standard.
Le numéro deux d'entre eux ont, c'est qu'aucune des deux cases pour un espace entre l'arrière-plan-couleur: et la couleur.
Tous ces match avec le code ci-dessus.