Changement de couleur de surbrillance

de jQuery mettre en évidence la méthode mettra en évidence les div avec un fond jaune.

Comment puis-je spécifier de quelle couleur à utiliser au lieu de jaune pour les mettre en évidence?

InformationsquelleAutor Hady | 2009-04-27
  1. 133

    Selon la la documentation:

    $(this).effect("highlight", {color: 'blue'}, 3000);
    • je me demandais, comment pourrais-je le mettre en surbrillance le texte seul, et non pas le fond?
    • L'exemple donné dans cette réponse, c'est très facile à comprendre, à la différence de la documentation sur la page liée ci-dessus qui est pour le "mettre en évidence" l'effet et est très clairsemée. Pour plus de détails sur la .effet() elle-même, voir cette page: api.jqueryui.com/effect.
    InformationsquelleAutor Paolo Bergantino
  2. 18
    $("div").click(function () {
    $(this).effect("highlight", { color: "#ff0000" }, 3000);
});

    en surbrillance rouge. Tout est dans le la documentation.

    • color = va donner une erreur de syntaxe. la notation est la clé: 'valeur'
    • désolé, j'étais trop à la liquidation de la anonyme c# types dans ma tête... 😉 édité!
    • cheers les gars. J'étais à la recherche dans le jqueryui de la documentation qui n'est pas aussi détaillé que la documentation de jquery
    InformationsquelleAutor Tomas Aschan
  3. 3

    FWIW, j'ai trouvé que IE8 donnerait une erreur dans jQuery 1.7.2 à l'aide deeffect("highlight",...) lorsque la couleur actuelle de l'élément spécifié en tant que texte ou lorsque la couleur de surbrillance a été spécifié en tant que texte (c'est à dire "blue") plutôt que dans le code hexadécimal: "#ff0000".

    • Bon à savoir ça. Merci!
    InformationsquelleAutor saschwarz
  4. 1
           $('.divID').live('mouseover mouseout', function (event) {
        if (event.type == 'mouseover') {
            //do something on mouseover
          $(this).css({ "background-color": YOURCOLOR, "opacity": ".50" });

        }
        else {
            //do something on mouseout
             $(this).css("opacity", "100");

        }
      });

    Cela donnera à l'agréable hover effet avec l'opacité semble.

    InformationsquelleAutor Usman Younas