websitebaker testseite
Private Testseite WB 2.10.0 (Rev.66)

ArtTextLight

Plugin für Texteffekt
 
Hallo Besucher, herzlich willkommen.
 

Eine weitere jQuery-Spielerei für WebsiteBaker und LibraryAdmin (jQueryAdmin).

Preset

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
        });
      });
    }
</script>

 

HTML

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ür Texteffekt</div>
<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>

 



Autor: www.artetics.com
Wir verwenden Cookies zur Verbesserung der Usability. (Snippet Cookie Permission for WebsiteBaker)