ArtTextLight Texteffekt jQuery Plugin
Plugin für Texteffekt
Eine weitere jQuery-Spielerei für WebsiteBaker und LibraryAdmin (jQueryAdmin).
HTML
Preset
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>
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
Ähnliche Seiten:
font-effect jTruncate bulletColor Textualizer collapser capitalLetter Wodry fancyLetter
Anzeige durch Droplet MoreLikeThis
font-effect jTruncate bulletColor Textualizer collapser capitalLetter Wodry fancyLetter