Wir verwenden Cookies zur Verbesserung der Benutzerfreundlichkeit und zum Verfolgen der Besucherströme mit Matomo (Piwik).
Mehr Infos auf der Datenschutzseite. Du kannst die Cookie-Erlaubnis jederzeit am Ende der Seite widerrufen.

ArtTextLight Texteffekt jQuery Plugin

Plugin für Texteffekt
 
Hallo Besucher, herzlich willkommen.
 

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

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>

 



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>
if ( typeof jQuery != undefined ) {
  jQuery(document).ready(function($){
        $('#text1').artTextLight({
            highlightInterval: 4000,
            css1: {'color': '#000','text-shadow': '1px 1px 3px #666'},
            css2: {'color': '#777777','text-shadow': 'none'}
        });
        
        $('#text0').artTextLight({
            letterHighlighSpeed: 100,
 
            removeHighlighSpeed: 100,
 
            highlightInterval: 5000,
            // highlight-css
            css1: {
                'color': '#b22222',
                'text-shadow': '1px 1px 3px #666',
                'font-size': '18px'
            },
            // css after highlighting      
            css2: {
                'color': '#2164aa',
                'text-shadow': 'none',
                'font-size': '18px'
           } 
        });
        
  });
}
</script>

 





Autor: www.artetics.com


Anzeige durch Droplet MoreLikeThis