Zoomer

Ein weiteres Script mit einem Beispiel für eine Intro Seite, die aber auch für andere Zwecke, bspw. Werbung benutzt werden kann.

Alle Farben können an die eigene Homepage angepasst werden.

Klicke hier für die Demo.

Dieses Script läuft auf folgenden Browsern:
	Internet Explorer
	Mozilla Firefox
getestet jeweils mit der aktuellen Version

HTML-Einbindung
  <script> text = new Array("visit","my","home" , "page", "visit my home page"); var numText = 5; color = new Array("red" , "orange" , "yellow" , "green" , "blue" , "indigo" , "violet" , "darkorange"); var numColors = 8; var endSize = 48; var Zspeed = 60; var Cspeed = 60; var font = 'Arial Black'; 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> <STYLE>  </STYLE>  <div id="zoom" align="center" style="position:absolute; top:150"></div> <div id="Main" style="position:absolute; width:150; top:30; font-family:verdana; font-size:12px; color:blue;">

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"