Wie kann ich eine Schaltfläche mit jQuery markieren?

Ich muss den Benutzer auf eine Schaltfläche an einem bestimmten Punkt während der Verwendung meiner Seite aufmerksam machen.Wie kann ich eine Schaltfläche mit jQuery markieren?

<button id="btnSubmit" style="float:left;width:78px;">Submit</button>

Idealerweise möchte ich die Taste "glühen". d. h. um ihn herum eine Grenze haben, die dann eingeblendet wird und dann eine Sekunde später ausgeblendet wird.

Ich habe versucht, Box-Shadow zu verwenden, um den gewünschten Glow-Effekt zu erzielen.

.boxShadowed{ 
    font-weight:bold; 
    -moz-box-shadow:0px 0px 10px 7px #777777; 
    -webkit-box-shadow:0px 0px 10px 7px #777777; 
    box-shadow:0px 0px 10px 7px #777777; 
}

Aber ich kann nicht herausfinden, wie man es ein- und ausblenden kann. Außerdem scheint es in IE8 nicht zu funktionieren.

Ich weiß, jQuery ist normalerweise großartig für diese Art von Effekten, aber bis jetzt habe ich nichts passendes gefunden.

Quelle

2012-09-24 Urbycoz

Bitte zeigen Sie einen Code von dem, was Sie versucht haben oder was Sie bisher haben. – Mike

http://jqueryui.com/demos/show/default.html Fügen Sie einfach die Skripte ein und wählen Sie Highlight-Effekt. – hjpotter92

Je nach Grad der Komplexität, die Sie suchen, bietet der Befehl outline css eine Alternative zu mehreren Zeilen von jQuery. – Dom

DEMO - äußere Schein mit CSS3 box-shadow und Animation (mit -moz und -webkit Verkäufer Präfixe).

Quelle

2012-09-24 15:32:02 Coby

$('button').effect("highlight", {color: 'red'}, 3000);

The demo.

Quelle

2012-09-24 15:12:33 xdazz

Das ist sicherlich eine Option für mich. Aber ich würde wirklich gerne die Grenze ein- und ausblenden lassen. – Urbycoz

Wie kann ich eine Schaltfläche mit jQuery markieren?

Antwort

Verwandte Themen