ArtTextLight

Plugin installieren, Preset für diese Seite erstellen und Werte anpassen.
Für die zwei Effekte wurden im Preset diese Werte angepasst:

<!-- position: body -->
  <script type="text/javascript">
    if ( typeof jQuery != undefined ) {
      jQuery(document).ready(function($){
        jQuery('#text1').artTextLight({
          	highlightInterval: 4000, 
          	css1: {'color': '#000','text-shadow': '1px 1px 3px #666'}, 
          	css2: {'color': '#777777','text-shadow': 'none'}
        });
        jQuery('#text0').artTextLight({
          letterHighlighSpeed: 100, // interval, highlight next letter
          removeHighlighSpeed: 200, // interval, to remove highligting
          highlightInterval: 5000, // highlight interval
          css1: {'color': '#b22222', 'text-shadow': '1px 1px 3px #666', 'font-size': '18px'}, // highlight-css
          css2: {'color': '#2164aa', 'text-shadow': 'none', 'font-size': '18px'} // css after highlighting
        });
      });
    }

HTML: (auf id="text0" und id="text1" achten)
class="text0" wurde vegeben und in der arttextlight.css die Textfarbe auf weiß gesetzt, dadurch ist der Text zuerst unsichtbar.

<div id="text1">
  Plugin f&uuml;r Texteffekt
</div>
<br />
<div style="text-align: center;">
  <a href="http://www.google.de" target="_blank">
     <span class="text0" id="text0">Hallo Besucher, herzlich willkommen.</span>
  </a>
</div>