jQuery Girl
  1. jQuery Girl
  3. Couleur de fond glisser vers le bas
Intereting Posts
Comment supprimer / basculer la classe de survol sur un élément (traduit au clic) sans avoir à déplacer la souris à nouveau? Maintenir l’élément de menu en surbrillance Téléchargement par glisser-déplacer JavaScript / HTML5 / jQuery – «TypeError non capturé: impossible de lire les ‘fichiers’ de propriété d’un indéfini» Obtenir en haut et à gauche de l’état normal d’un élément mis à l’échelle CSS avec jQuery? Utilisation de jquery / javascript pour créer une boîte de confirmation contextuelle Rails: Rendu partiel du contrôleur Comment supprimer une ligne dans jqgrid $ est une erreur indéfinie dans jQuery spring mvc ajax json malformé parfois jQuery UI datepicker afficher sans action Plumer un object dans un tableau en utilisant underscore.js Comment sauvegarder des données par zone de texte désactivée? Adresse geocode via jquery geocoder.geocode (400 Items) Le bouton de report de soumission ne fonctionne pas dans FF et IE Utiliser jQuery dans un post WordPress

Couleur de fond glisser vers le bas

J’ai une liste de boutons et, lorsque je les survole, je souhaite faire glisser une nouvelle couleur d’arrière-plan, je connais la fonction slide (), mais comment pourrais-je l’appliquer à la propriété color background?

Je ne pense pas que jQuery prenne en charge l’animation immédiate de la propriété background. Il existe cependant des plugins qui vous aideront à obtenir cet effet. Jonathan Snook a un article à ce sujet:

C’est à partir de 2008, donc il pourrait y avoir une amélioration à ce sujet.

Consultez ce site que j’ai créé pour un client il y a bien longtemps – je ne me souviens même pas comment le code fonctionne, mais il n’utilise essentiellement pas la couleur de fond, il utilise des éléments

, placés de manière absolue derrière chaque lien, et les anime en survol. des éléments associés.

il y a des façons presque infinies de faire cela. Voici une liste à vérifier:

  1. http://snook.ca/archives/javascript/jquery-bg-image-animations
  2. http://www.protofunc.com/scripts/jquery/backgroundPosition/
  3. http://www.webresourcesdepot.com/background-image-animation-with-jquery-jani/

Juste une animation d’image Google jQuery Backgorund, mais ce qu’ils ont tous en commun, c’est qu’un élément enfant glisse vers le haut ou vers le bas ou que la position de l’image d’arrière-plan est animée.

Je vous conseille de restr à l’écart du plugin jQuery Color car cela semble être une bonne idée lorsque vous recherchez des choses comme celle-ci, mais je pense que la communauté conviendra avec moi que c’est très buggé, sauf si vous utilisez la bibliothèque complète de l’UI.

Je ne connais pas un moyen de glisser dans un arrière-plan. Vous pouvez le faire en utilisant div-s qui se comportent comme des boutons ou vous pouvez essayer ceci: 

  $(buttonselector).css('background-color','red');

Ce n’est pas une diapositive, mais cela devrait changer de couleur.