jQuery.twinkle – Benutzer auf Dinge aufmerksam machen ;-)

jQuery.twinkle in Aktion

jQuery.twinkle in Aktion

Es gibt Themen zu denen fällt mir einfach keine sinnvolle, kurze Überschrift ein :-( jQuery.twinkle ist so ein Thema…

Im Grunde ist das, was das PlugIn tut sehr simpel: es lenkt die Aufmerksamkeit eines Benutzers auf ein bestimmtes Element einer Website. Wenn man z.B. einen Benutzer einer Applikation auf einen bestimmten Button hinweisen möchte oder ihm zeigen möchte wo bestimmte Informationen angezeigt werden, dann ist das mit jQuery.twinkle sehr einfach möglich – sobald man es aufruft wird an der Position auf die man den Benutzer aufmerksam machen möchte ein grafischer Effekt eingeblendet. Zum Beispiel ein sich vergrössernder roter Kreis, ein pulsierender Kreis, oder kleine Kreise die das jeweilige Element umkreisen (ja, ich weiss – da sind eine Menge Kreise in diesem Satz ;-) ).

Perfekt ist sowas zum Beispiel wenn ein Benutzer eine Aktion zum ersten Mal durchführt. Man könnte dann einmal so etwas anzeigen wie "Wenn Sie die Daten eingegeben haben, klicken Sie bitte auf speichern." und dann z.B. sofort oder wenn er mit der Maus über das "speichern" fährt den entsprechenden Button markieren.

Lizenz:MIT-Lizenz

Verwandte Themen:

  1. miniTip – Tooltips mit jQuery erstellen
  2. jQuery Waypoints – JavaScript abhängig von der Bildschirmposition ausführen
  3. jFormer – Formular-Framework für jQuery

Christian

Baujahr 1976, Software-Entwickler und Web-Designer aus Leidenschaft, Erfahrung in gefühlten 9342049 Programmiersprachen (PHP, Perl, C#, VB.Net, VB6, Delphi um nur einige zu nennen), in der Vergangenheit an diversen Open Source Projekten beteiligt (allen voran das gute alte YaBB und YaBB SE)

2 Kommentare zu “jQuery.twinkle – Benutzer auf Dinge aufmerksam machen ;-)”

  1. Andre Gerritzen

    Nette Effekte!
    Aber mich mehr interessiert hat, ist der Effekt am rechten Rand mit dem man eine Übersicht der Seite angezeigt bekommt und an jede Stelle des Homepage springen kann.
    Ist der Effekt hier schon mal vorgestellt worden? Kann mich nicht daran erinnern.
    Im Quellcode habe ich jetzt diesen Effekt irgendwie nicht finden können.
    Hat jemand eine Ahnung wo ich Infos dazu finden kann.
    Danke