WebWorkerWorld.de

Home

Tutorials
> Ajax
> CSS
> JavaScript
> PHP
> Sonstige

Quiz
> CSS
> HTML/XHTML
> JavaScript
> PHP

JavaScript
> Datum und Uhrzeit
> Dies und das
> Fenster
> Formulare
> Fun
> Spiele
> Texteffekte

Kontakt

Impressum

 
JavaScript > Texteffekte >

Elastischer Text

von Tim Leister
Freitag, 09.09.2005

Erst wird der Text in die Länge gezogen, dann zieht er sich wieder zusammen.

<script type="text/javascript">

// --------------------------------------------------
// --- (c) 2005 WebWorkerWorld.de -------------------
// --------------------------------------------------

var i=0;
var j=true;
window.document.write("<p id=\"foo\" style=\"letter-spacing:"+i+"px;text-align:center;font-weight:bold;\">WebWorkerWorld.de</p>");
function Animate()
{
	window.document.getElementById("foo").style.letterSpacing=((j)?(++i):(--i))+"px";
	if (i==0 || i==20)
	{
		j=!j;
	}
	window.setTimeout("Animate()", 40);
}
window.onload=Animate;

</script>
zurück zurück
nach oben nach oben nach oben
vorwärts vorwärts
XEAM.de
© 2002-2008