In der zweiten Version wird der Text diagonal dargestellt und außerdem erfolgt nach dem Ablauf der Animation ein Farbfading auf der Seite. Auch hier kann wieder alles der eigenen Homepage angepasst werden.
Hier gehts zur Demo
HTML-Einbindung <!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <script language="JavaScript" type="text/javascript"> <!-- var message=new Array("Herzlich Willkommen","im","Land der.....","Dynamic HTML","JavaScripts","und mehr . . .","www.java24.net"); var POSTOP=50; var POSLEFT=80; var posTP=POSTOP,posTN=-(POSTOP),posLP=POSLEFT,posLN=-(POSLEFT); var gcount=0,bcount=0,fcount=255,bcount2=255,fcount2=0; var count=0; var bool=true; var spans=new Array(5); function Hucko() { for(var x=0;x<spans.length;x++) { spans[x]=document.getElementById('sid'+x); if(x!=2) setSpanID(x); spans[x].onclick=DYNAMICSCRIPTS; // - JavaScript Created By Richard Hucko, Kaneohe Hawaii 96744 } Richard_Huckos_effect();// - Check Out www.DynamicScripts.tk } function setSpanID(IDno) { switch(IDno) { case 0: // - Dynamic Scripts By Richard Hucko with(spans[0].style) { top=POSTOP; visibility="hidden"; } break; case 1: // - Dynamic HTML By Richard Hucko with(spans[1].style) { left=POSLEFT; visibility="hidden"; } break; case 3: // - JavaScripts By Richard Hucko with(spans[3].style) { left=-(POSLEFT); visibility="hidden"; } break; case 4: // - www.DynamicScripts.da.ru with(spans[4].style) { top=-(POSTOP); visibility="hidden"; } } } function Richard_Huckos_effect() { if(posTP>-20&&gcount<message.length) { if(gcount==message.length-1) { with(spans[2].style) { color="#00ff00"; } } // - For More Dynamic Scripts, DHTML, JavaScripts, Forums, Tutorials - www.DynamicScripts.tk spans[4].innerHTML=spans[3].innerHTML=spans[2].innerHTML=spans[1].innerHTML=spans[0].innerHTML=message[gcount]; for(var x=0;x<spans.length;x++) spans[x].style.visibility="visible"; spans[0].style.top=posTP; spans[0].style.left=posLP; spans[1].style.left=posLP; spans[1].style.top=posTP; spans[3].style.left=posLN; spans[3].style.top=posTN; spans[4].style.top=posTN; spans[4].style.left=posLN; posTP--;posLP-=2;posLN+=2;posTN++; } else if(gcount<message.length) { gcount++;posTP=POSTOP,posTN=-(POSTOP),posLP=POSLEFT,posLN=-(POSLEFT); } else if(bool==true) { if(count>=5) bool=false; count++; } else { for(var x=0;x<spans.length;x++) { spans[x]=document.getElementById('sid'+x); if(x!=2) setSpanID(x); } spans[2].style.color="white"; if(bcount<255) { document.getElementById('bid0').style.backgroundColor="rgb("+bcount+","+bcount+","+bcount+")"; document.getElementById('sid2').style.color="rgb("+fcount+","+fcount+","+fcount+")"; bcount+=5;fcount+=5; } else if(bcount2>=0) { document.getElementById('bid0').style.backgroundColor="rgb("+bcount2+","+bcount2+","+bcount2+")"; document.getElementById('sid2').style.color="rgb("+fcount2+","+fcount2+","+fcount2+")"; bcount2-=5;fcount2-=5; } clearTimeout('timer'); } timer=setTimeout("Richard_Huckos_effect();",16); // - 2004 Splash Intro Page JavaScript Effect } function DYNAMICSCRIPTS() { location.replace("http://www.java24.net"); } // - JavaScript Effect Created By Richard Hucko, Kaneohe hawaii 96744, For Dynamic Scripts, DHTML, JavaScripts, Forums, Splash Intro Pages, and more: www.DynamicScripts.tk window.onload=Hucko; //--> </script> <style type="text/css"> <!-- body { background-color:black; } span.scripts { position:relative;visibility:visible;z-index:3;font-weight:bold;font-size:25;color:white; } a { color:lightyellow; font-size:20; font-weight:bold; letter-spacing:3; } a:hover { color:#00ff00; } --> </style> <!-- Diesen Code musst Du als -eventhandler- in den body-Tag einbauen --> <body id="bid0"> <!-- Diesen Code musst Du in den -body- einbauen --> <center> <span class="scripts" id="sid0" style="color:blue;"></span><br /> <span class="scripts" id="sid1" style="color:blue"></span> <span class="scripts" id="sid2" ></span><div style="color:white;position:relative;z-index:4;display:none;font-weight:bold;text-decoration:none;"> </div> <span class="scripts" id="sid3" style="color:blue;"></span><br /> <span class="scripts" id="sid4" style="color:blue;"></span><br /><br /><br /><br /> </center> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->
Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"