Sie sehen hier einen interessanten Effekt, den Sie für Ihre eigene Werbung nutzen können. Normalerweise läuft das Script endlos. Es kann jedoch per Funktion gestoppt werden.
Auf dieser Seite dient dazu der "Stop Button" mit der Funktion Aufhoeren, bzw. der "Weiter Button" mit der Funktion Weiter zur Fortführung des Scriptes.

Im Script wird Ihnen erklärt, welche Einstellungen Sie vornehmen können, um die Anzeige der rotierenden Schrift zu ändern.

Und hier der dazu gehörige Quelltext, der in den body-tag eingesetzt werden muß:

<script type='text/javascript'>
//Logo Orbit II kurt.grigg (at) virgin.net verfeinert und ausgebaut von tinte-4-u.de
zeit =10; // geschwindigkeit der Rotation
yourLogo='www.DownTownWeb.de ';
logoFont='Verdana';
logoSize=3; // 1-7 only! für grössere Schrift ändere logowidth und -height!
logoColor='008888';
logoWidth=50;
logoHeight=20;
logoSpeed=0.03;

yourLogo=yourLogo.split('');
L=yourLogo.length;
Result="<font face="+logoFont+" size="+logoSize+" color="+logoColor+">";
TrigSplit=360/L;
br=(document.layers)?1:0;
if (br){
for (i=0; i < L; i++)
document.write('<layer name="ns'+i+'" top=0 left=0 width=14 height=14">'+Result+yourLogo[i]+'</font></layer>');
}
else{
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < L; i++)
document.write('<div id="ie'+i+'" style="position:absolute;top:0px;left:0px;width:14px;height:14px">'+Result+yourLogo[i]+'</font></div>');
document.write('</div></div>');
}
ypos=0;
xpos=0;
step=logoSpeed;
currStep=0;
Y=new Array();
X=new Array();
Yn=new Array();
Xn=new Array();
for (i=0; i < L; i++)
{
Yn[i]=0;
Xn[i]=0;
}
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(e){
ypos = (e)?e.pageY:event.y;
xpos = (e)?e.pageX:event.x;
}
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function animateLogo(){
if (!br)document.getElementById('outer').style.pixelTop=document.documentElement.scrollTop;
for (i=0; i < L; i++){
var layer=(document.layers)?document.layers['ns'+i]:document.getElementById('ie' +i).style;
layer.top =Y[i]+logoHeight*Math.sin(currStep+i*TrigSplit*Math.PI/180)+"px";
layer.left=X[i]+logoWidth*Math.cos(currStep+i*TrigSplit*Math.PI/180)+"px";
}
currStep-=step;
}
function Delay(){
for (i=L; i >= 0; i--)
{
Y[i]=Yn[i]+=(ypos-Yn[i])*(0.1+i/L);
X[i]=Xn[i]+=(xpos-Xn[i])*(0.1+i/L);
}
animateLogo();
aktiv = window.setTimeout("Delay()", zeit); // das rotieren wird gestartet
}

function Aufhoeren () { // funktion für den aufhören button
window.clearTimeout(aktiv);
sichtbar = document.getElementById("anhalten");
sichtbar.style.visibility = "hidden";
sichtbar = document.getElementById("weiter");
sichtbar.style.visibility = "visible";

}

function Weiter () { // funktion für den weiter button
aktiv = window.setTimeout("Delay()", zeit);
sichtbar = document.getElementById("anhalten");
sichtbar.style.visibility = "visible";
sichtbar = document.getElementById("weiter");
sichtbar.style.visibility = "hidden";
}

aktiv = window.setTimeout("Delay()", zeit); // das rotieren wird gestartet
//-->
</script>
<form action="">
<input type="button" value="Stop" onclick="Aufhoeren()" id="anhalten">
<input type="button" value="Weiter" onclick="Weiter()" id="weiter">
</form>

<!-- den weiterbutton verbergen um ein zweites starten des skriptes zu unterbinden -->
<p>
<script language="JavaScript" type="text/JavaScript">
sichtbar = document.getElementById("weiter");
sichtbar.style.visibility = "hidden";
</script>