{DHTML : WavyText}

Dieses Skript animiert Text - funktioniert nur mit dem Internet Explorer 4.x

[Um dieses Beispiel sehen zu können, benutzen Sie bitte IE 4.0.]

 

Quelltext innerhalb des Body-Tags


<body BGCOLOR="#FFFFFF" link="#800000" vlink="#800000" alink="#FF0000" onload="doWave(0);">
<script language="JavaScript">
function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}
function sizeCycle(text,method,dis)
{
output = "";
for (i = 0; i < text.length; i++)
{
size = parseInt(nextSize(i +dis,method,text.length));
output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = output;
}
function doWave(n)
{
theText = "WebmasterNETZ";
sizeCycle(theText,1,n);
if (n > theText.length) {n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>

Einbau an der Stelle wo der Text erscheinen soll:

<div ID="theDiv" align="center">
<p>[Um dieses Beispiel sehen zu können, benutzen Sie bitte IE 4.0.]</p>
</div>


© by WebmasterNETZ - 1999 -  http://www.web-art.de/webmasternetz

 

 

 

[Fenster schließen]

2000 - 2008 © by: webmaster-support.de