Ändern Sie die Markierungsfarbe

72

Die Highlight-Methode von jQuery hebt jedes Div mit gelbem Hintergrund hervor.

Wie lege ich fest, welche Farbe anstelle von Gelb für die Hervorhebung verwendet werden soll?

jquery jquery-ui Hady
quelle

Antworten:

139

Laut Dokumentation :

$(this).effect("highlight", {color: 'blue'}, 3000);
Paolo Bergantino
quelle
Ich frage mich nur, wie würde ich nur den Text hervorheben, nicht den Hintergrund?
Lucas
1
Das in dieser Antwort angegebene Beispiel ist im Gegensatz zu der Dokumentation auf der oben verlinkten Seite, die für den "Hervorhebungs" -Effekt vorgesehen ist und sehr spärlich ist, sehr leicht zu verstehen. Weitere Informationen zu .effect () selbst finden Sie auf dieser Seite: api.jqueryui.com/effect .
Nachteule
18 
$("div").click(function () {
    $(this).effect("highlight", { color: "#ff0000" }, 3000);
});

wird rot hervorgehoben. Es ist alles in der Dokumentation .

Tomas Aschan
quelle
1
color = gibt einen Syntaxfehler aus. Die Notation ist der Schlüssel: 'Wert'
Paolo Bergantino
Entschuldigung - ich war zu sehr in anonymen C # -Typen in meinem Kopf verwickelt ...;) bearbeitet!
Tomas Aschan
3
Prost. Ich habe mir die jqueryui-Dokumentation angesehen, die nicht so detailliert ist wie die jquery-Dokumentation
Hady
3

FWIW Ich habe festgestellt, dass IE8 in jQuery 1.7.2 einen Fehler ausgibt, effect("highlight",...)wenn die aktuelle Farbe des Elements als Text oder die Hervorhebungsfarbe als Text (dh "blue") anstelle der Hexadezimalschreibweise angegeben wird : "#ff0000".

Saschwarz
quelle
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");

        }
      });

Dies gibt den schönen Schwebeeffekt mit Deckkraft.

Usman Younas
quelle