Forum - Text-Effekte / Teil 1-4

<script>
var yourtext="Willkommen in Jürgens Testforum !!!";
var messLength=yourtext.length;
var initcolor="#aa0000";
var yourcolor="#0000aa";
var speed=250;
var i;
var j=0;
document.write("<div align='center'><font face='Old English Text MT' size='12em' color='"+initcolor+"'>");
for (i=0;i<messLength;i++){
document.write("<span id='yourid"+i+"'>"+yourtext.charAt(i)+"</span>"); }
document.write("</font></div>");
function colorit(){var idd="yourid"+j;
if (j<messLength){
document.getElementById(idd).style.color=yourcolor;j++}
else {j=0;
for (i=0;i<messLength;i++){
var newidd="yourid"+i;
document.getElementById(newidd).style.color=initcolor; } } }
function doit(){timer=setInterval("colorit()",speed)}
window.onload=doit;
</script>
 

<style>
#fly {font-size:60px; font-family:Old English Text MT; color:#8888dd; background-color:#eeeeee;width:600px;}
</style>
 
<center>
<h1 id="fly">Jürgens Testforum</h1>
</center>
 
<script>
message = document.getElementById("fly").innerHTML;
distance = 50; // pixel(s)
speed = 300; // millisekunden
var txt="",num=0,num4=0,flyofle="",flyofwi="",flyofto="",fly=document.getElementById("fly");
function stfly() {
for(i=0;i != message.length;i++) {
if(message.charAt(i) != "$")
txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>";
else
txt += "<br>";}
fly.innerHTML = txt;
txt = "";
flyofle = fly.offsetLeft;
flyofwi = fly.offsetWidth;
flyofto = fly.offsetTop;
fly2b();}
function fly2b() {
if(num4 != message.length) {
if(message.charAt(num4) != "$") {
var then = document.getElementById("n" + num4);
then.style.left = flyofle - then.offsetLeft + flyofwi / 2 + 'px';
then.style.top = flyofto - then.offsetTop + distance + 'px';
fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
}
num4++;
setTimeout("fly2b()", speed);}}
function fly3(target,lef2,num2,top2,num3) {
if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)) {
if(lef2 >= 0)
lef2 -= num2;
else
lef2 += num2 * -1;
if(Math.floor(lef2) != -1) {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2) + 'px';
} else {
document.getElementById(target).style.visibility = "visible";
document.getElementById(target).style.left = Math.floor(lef2 + 1) + 'px';}
if(lef2 >= 0)
top2 -= num3
else
top2 += num3 * -1;
if(Math.floor(top2) != -1)
document.getElementById(target).style.top = Math.floor(top2) + 'px';
else
document.getElementById(target).style.top = Math.floor(top2 + 1) + 'px';
setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)}}
stfly()
</script>
 

<style>
#first2{
position:absolute;
color:red;
z-index:99999;
top:100px;
left:20%;
font-family:arial black;
}
</style>
 
<div id='first2'></div>
<script>
function fifteenth(){
sixteenth();
seventeenth();
}
 
window.onload=fifteenth;
var eighteenth='Willkommen im Testforum';
var nineteenth=10;
var twentieth=1000;
function sixteenth(){
if (document.layers)document.first2.top=pageYOffset;
else 
if (document.all){
first2.innerHTML='<div align=center>'+eighteenth+'</div>';
setTimeout('first2.style.top=document.body.scrollTop+50;first2.style.left=document.body.scrollLeft+10',100);
}
else 
if (document.getElementById){
document.getElementById('first2').innerHTML='<div align=center>'+eighteenth+'</div>';
document.getElementById('first2').style.top=pageYOffset+50;
}}
function seventeenth(){
if (document.layers){
document.first2.document.getElementById('<div align=center style="font-size:'+nineteenth+'px"><">'+eighteenth+'</div>');
document.first2.document.close();
}
else 
if (document.all)first2.style.fontSize=nineteenth+'px';
else 
if (document.getElementById)document.getElementById('first2').style.fontSize=nineteenth+'px';
nineteenth+=5;
if (nineteenth>90){
if (document.layers)setTimeout("document.first2.visibility='hide'",twentieth);
else 
if (document.all)setTimeout("first2.style.visibility='hidden'",twentieth);
else 
if (document.getElementById)setTimeout("document.getElementById('first2').style.visibility='hidden'",twentieth);
return;
}else 
setTimeout('seventeenth()',150);
}
</script>