Textzoom

Ein Scriptmix aus Javascript und DHTML. Der vorgegebene Text wird in einer
einstellbaren Zeitabfolge in verschiedenen Farben dargestellt.

Der Umfang des Textes sowie auch das Farbenspiel kann eingestellt bzw.
geändert werden.

HTML-Einbindung
      <body onload="init()">  <script language="JavaScript"> text = new Array("java24.net","alles","für deine" , "eigene Homepage", "Java24.net - DIE Javascript-Resource", "über 450 Scripte und Applets"); var numText = 5; color = new Array("#FFA44B" , "#FFA44B" , "#AD8C8C" , "#FFA44B" , "#AD8C8C" , "#FFA44B" , "#AD8C8C" , "#FFA44B"); var numColors = 8; var endSize = 50; var Zspeed = 80; var Cspeed = 80; var font = 'Arial'; var hide = false; var size = 10; var gonum = 0; if (document.all) { n = 0; ie = 1; zoomText = "document.all.zoom.innerText=text[num]"; zoomSize = 'document.all.zoom.style.fontSize=size'; closeIt = ""; fadeColor = "document.all.zoom.style.color=color[num]"; } if (document.layers) { n = 1; ie = 0; zoomText = ""; zoomSize = "document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'\">'+text[num]+'</p>')"; closeIt = "document.zoom.document.close()"; fadeColor = "document.zoom.document.write('<p align=\"center\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color[num]+'\">'+text[numText-1]+'</p>')"; } function zoom(num,fn){ if (size<endSize){ eval(zoomText) eval(zoomSize) eval(closeIt) size+=5; setTimeout("zoom("+num+",'"+fn+"')",Zspeed) }else{ eval(fn); } } function fadeIt(num){ if (num<numColors){ eval(fadeColor) eval(closeIt) num+=1; setTimeout("fadeIt("+num+")",Cspeed) }else{ hideIt() } } function hideIt(){ if(hide){ if(ie)document.all.zoom.style.visibility="hidden" if(n)document.layers.zoom.visibility="hidden" } } function init(){ if(ie){ document.all.zoom.style.color=color[0] document.all.zoom.style.fontFamily=font} go(0) } function go(num){ gonum+=1 size=10 if(num<numText){ zoom(num,'go('+gonum+')') }else{ fadeIt(0) } } </script></p> <div id="zoom" style="position:absolute; top:150 ; left:50"></div>

Dieses Script per eMail? , einfach Deine eMail-Adresse eintragen und Sekunden später liegt es in Deinem Postfach.

Newsletter schon abonniert?
Wenn nicht, bitte "Haken" setzen