WordPress-Plugin: Link-Hover-Effect

WordPress-Plugin Link-Hover-Effect: Farbanimationseffekte für Hyperlinks

Name des WordPress-Plugins: Link-Hover-Effect

Ziel: Das Plugin dient als technische Demonstration für einen Grundlagenartikel für das PC-Praxis-Sonderheft zu WordPress von Data Becker.

Beschreibung: Das WordPress-Plugin “Link-Hover-Effect” fügt den Hyperlinks im Blog einen Farbanimationseffekt hinzu: Sobald der Mauszeiger sich über einem Link befindet, ändert sich die Farbe des Links nicht wie gewöhnlich schlagartig sondern stufenlos, bis die eingegebene Zielfarbe erreicht ist. Beim Verlassen läuft die Animation in umgekehrter Richtung ab.

Eine Variation dieses WordPress-Plugins ist auf dieser Seite installiert, und vermittelt einen Eindruck vom Effekt.

Start- und Zielfarbe der Animation können in der Pluginverwaltung angepasst werden. Der Animationseffekt wurde mit dem JavaScript-Framework jQuery realisiert.

Download: Link-Hover-Effect Version 1.0

  • Twitter
  • MisterWong.DE
  • Facebook
  • del.icio.us
  • Webnews.de
  • Google Bookmarks
  • Print

Tags: , ,

2 Antworten zu “WordPress-Plugin: Link-Hover-Effect”

  1. münster-webdesign.net» Blogarchiv » WordPress - Open Source - PC Praxis Sonderheft sagt:

    [...] Entwicklungsumgebung auf XAMPP-Basis werden anhand eines konkreten Programmierbeispiels (Plugin: Link-Hover-Effect) alle wesentlichen Programmierschritte ausführlich [...]

  2. Plugin-Liste für WordPress - einmal-am-tag sagt:

    [...] Link-Hover-Effect Version 1.0 Beschreibung: Stufenloser (also nicht schlagartiger) Farbanimationseffekt von Hyperlinks sobald sich die Maus über dem Element befindet. Probleme: Das Plugin basiert auf dem jquery-Framework und behinderte die bei mir installierte Scroll-Top-Funktion, die ebenfalls auf jquery beruht. [...]

Hinterlasse eine Antwort