Ich suche nach einer Möglichkeit, Folgendes zu tun.
Ich füge einer <div>
Seite ein hinzu, und ein Ajax-Rückruf gibt einen Wert zurück. Das <div>
wird mit Werten aus dem Ajax-Aufruf gefüllt, und das <div>
wird dann einem anderen vorangestellt <div>
, das als Tabellenspalte fungiert.
Ich möchte die Aufmerksamkeit des Benutzers auf sich ziehen, um ihm / ihr zu zeigen, dass es etwas Neues auf der Seite gibt.
Ich möchte, dass das <div>
blinkt, nicht ein- / ausgeblendet wird, sondern für einige Zeit hervorgehoben / deaktiviert wird, sagen wir 5 Sekunden.
Ich habe mir das Blink-Plugin angesehen, aber soweit ich sehen kann, wird es nur für ein Element ein- / ausgeblendet.
Übrigens muss die Lösung browserübergreifend sein, und ja, IE ist leider enthalten. Ich werde wahrscheinlich ein wenig hacken müssen, damit es im IE funktioniert, aber insgesamt muss es funktionieren.
Antworten:
Der jQuery UI Highlight-Effekt ist genau das, wonach Sie suchen.
Die Dokumentation und Demo finden Sie hier
Bearbeiten :
Vielleicht ist der jQuery UI Pulsate-Effekt besser geeignet, siehe hier
Bearbeiten # 2 :
Um die Deckkraft anzupassen, können Sie Folgendes tun:
... damit die Deckkraft nicht unter 50% sinkt.
quelle
Schauen Sie sich http://jqueryui.com/demos/effect/ an . Es hat einen Effekt namens pulsate, der genau das tut, was Sie wollen.
quelle
Dies ist ein benutzerdefinierter Blinkeffekt, den ich erstellt habe und der
setInterval
und verwendetfadeTo
HTML -
JS -
So einfach wie es nur geht.
http://jsfiddle.net/Ajey/25Wfn/
quelle
Wenn Sie die Jquery-UI-Bibliothek noch nicht verwenden und den Effekt nachahmen möchten, ist das, was Sie tun können, sehr einfach
Sie können auch mit den Zahlen herumspielen, um eine schnellere oder langsamere zu erhalten, die besser zu Ihrem Design passt.
Dies kann auch eine globale Abfragefunktion sein, sodass Sie den gleichen Effekt auf der gesamten Site verwenden können. Beachten Sie auch, dass Sie, wenn Sie diesen Code in eine for-Schleife einfügen, 1 Million Impulse haben können, sodass Sie nicht auf die Standardeinstellung 6 oder die Standardeinstellung 6 beschränkt sind.
BEARBEITEN: Hinzufügen als globale jQuery-Funktion
Blinken Sie jedes Element einfach von Ihrer Site aus, indem Sie Folgendes verwenden
quelle
Für diejenigen, die nicht die gesamte jQuery-Benutzeroberfläche einbeziehen möchten, können Sie stattdessen jQuery.pulse.js verwenden.
Gehen Sie folgendermaßen vor, um eine Schleifenanimation mit sich ändernder Deckkraft zu erhalten:
Es ist leicht (weniger als 1 KB) und ermöglicht es Ihnen, jede Art von Animationen zu wiederholen.
quelle
jquery.color.js
für die Farbe Zeug einschließen .Möglicherweise möchten Sie einen Blick in die jQuery-Benutzeroberfläche werfen. Insbesondere der Highlight-Effekt:
http://jqueryui.com/demos/effect/
quelle
Da ich keine jQuery-basierten Lösungen sehe, für die keine zusätzlichen Bibliotheken erforderlich sind, handelt es sich um eine einfache Lösung, die etwas flexibler ist als die mit fadeIn / fadeOut.
Verwenden Sie es so
quelle
Ich benutze verschiedene vordefinierte Farben wie folgt:
und benutze sie so
einfach :)
quelle
Wenn Sie den Overhead der jQuery-Benutzeroberfläche nicht möchten, habe ich kürzlich eine rekursive Lösung mit geschrieben
.animate()
. Sie können die Verzögerungen und Farben nach Bedarf anpassen.Natürlich benötigen Sie das Farb-Plugin, um
backgroundColor
damit arbeiten zu können.animate()
. https://github.com/jquery/jquery-colorUnd um ein bisschen Kontext zu bieten, habe ich es so genannt. Ich musste die Seite zu meinem Ziel-Div scrollen und dann blinken.
quelle
Ich denke, Sie könnten eine ähnliche Antwort verwenden, die ich gegeben habe. Sie finden es hier ... https://stackoverflow.com/a/19083993/2063096
Hinweis: Diese Lösung verwendet KEINE jQuery-Benutzeroberfläche. Es gibt auch eine Geige, mit der Sie nach Belieben herumspielen können, bevor Sie sie in Ihren Code implementieren.
quelle
gib einfach elem.fadeOut (10) .fadeIn (10);
quelle
Versuchen Sie es mit dem Plugin jquery.blink.js:
https://github.com/webarthur/jquery-blink
#genießen!
quelle
quelle
Probieren Sie es aus -
quelle
Ich konnte nicht genau das finden, wonach ich suchte, also schrieb ich etwas so Grundlegendes, wie ich es machen konnte. Die hervorgehobene Klasse kann nur eine Hintergrundfarbe sein.
quelle