Aufzoomende Begrüßung

Dieses Javascript begrüßt die Besucher eurer Homepage mit einer Nachricht eurer Wahl.

Dabeit wird die Nachricht in alle einzelnen Worte aufgetrennt, die dann wiederrum einzeln angezeigt werden.

Die Nachricht könnt ihr in der Variablen message anpassen. Ihr könnt auch eine beliebige Anzahl verschiedener Farben verwenden. Dazu dient das Array colours. Derzeit sind dort zwei Farben eingetragen. Weitere Farben findet ihr in unserer Farbtabelle.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- message = "Willkommen auf unserer Seite!"; colours = new Array('000099','ff6600') siZe = 20; message = message.split(' '); timer = null; clrPos = 0; msgPos = 0; jog = 1; currentStep = 10; step = 8; document.write("<div style='position:absolute'>"); document.write("<div align='center' style='position:relative'>"); document.write("<div id='T' style='position:absolute;width:0px;height:0px;font-family:Arial;font-size:0px'></div>"); document.write("</div></div><br />"); function Message() { if (self.innerHeight) // all except Explorer { pageWidth = self.innerWidth; pageHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) // Explorer 6 Strict Mode { pageWidth = document.documentElement.clientWidth; pageHeight = document.documentElement.clientHeight; } else if (document.body) // other Explorers { pageWidth = document.body.clientWidth; pageHeight = document.body.clientHeight; } // scrolling offset if (self.pageYOffset) // all except Explorer { scrollLeft = self.pageXOffset; scrollTop = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop) // Explorer 6 Strict { scrollLeft = document.documentElement.scrollLeft; scrollTop = document.documentElement.scrollTop; } else if (document.body) // all other Explorers { scrollLeft = document.body.scrollLeft; scrollTop = document.body.scrollTop; } ypos = pageHeight / 2; xpos = pageWidth / 2; document.getElementById('T').style.width = currentStep + 'px'; document.getElementById('T').style.top = ypos + -currentStep / 16 + scrollTop + 'px'; document.getElementById('T').style.left = (xpos - 20)+ -currentStep / 2 + 'px'; document.getElementById('T').style.fontSize = currentStep / 8 + 'px'; document.getElementById('T').innerHTML = message[msgPos]; document.getElementById('T').style.color = '#'+colours[clrPos]; step += 15; currentStep += step if (currentStep > pageWidth * siZe) { currentStep = 10; step = 8; msgPos += jog; clrPos += jog; } if (clrPos >= colours.length) clrPos = 0; if (msgPos >= message.length) { clearTimeout(timer); document.getElementById('T').style.display = 'none'; } timer = setTimeout("Message()",40) } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/texteffekte/aufzoomende-begruessung/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">Message();</script> <!-- präsentiert von kostenlose-javascripts.de -->