Style Text Effekt

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <script language="JavaScript" type="text/javascript"> <!-- // - Style Mod JavaScript Text Effect // - Declare Variables: // - Colors var BGCOLOR1="white",COLOR1="black",BGCOLOR2="red",COLOR2="white"; var LASTCOLOR="red"; // - go to var URL="http://www.java24.net"; var message; var messageLen; var spans; // - global counters var count=0/* - counter for span creation*/, gcount=0 /* - counter for moving through IDs*/, gcount2 /* - same as gcount. but moving backwards*/, gcount3=0, gcount4=0; // - Event Handlers: window.onload=main; // - Main Sub Routine: function main() { // - Init Variables: message=document.getElementById('prototypesid0').innerHTML; message=message.toUpperCase(); messageLen=message.length; gcount2=message.length-1; // - Method Calls: CreatSpans(); ResizeSpans(); SequentiallyMove(); } // - Other Sub Routines: function CreatSpans() { for(var x=0;x<message.length;x++) { // - For JavaScript Effects and More, Check out: www.DynamicScripts.tk , JavaScript Created By Richard Hucko, Kaneohe Hawaii 96744, Google Keywords: RHUCKO1, Richard Hucko, or dynamicscripts count=x+1; // - create element spans=document.createElement('span'); // - set IDs and Class Name spans.id="sid"+x; spans.className="dynamic"; // - set Event Handlers: spans.onclick=RichardHucko; // - Set One Letter Per Span, if letter equals to white space make it equal to an underscore that is not visible in order to keep proper positioning. spans.innerHTML=(message.substring(count-1,count)==" ")?"<b style='visibility:hidden'>_</b>":message.substring(count-1,count); with(spans.style) { backgrounColor=BGCOLOR1; color=COLOR1; border="2 double"; } // - Style Mod Text Effect Created By Richard Hucko, Kaneohe Hawaii, www.Dynamicscripts.tk // - append tag in body document.body.appendChild(spans); /* - Effect Created By Richard Hucko, Kaneohe Hawaii 96744, WebSite: www.DynamicScripts.tk, Google Keywords: RHucko1, Richard Hucko, or DynamicScripts */ } } function ResizeSpans() { for(var cntAdd=0,cntSubtr=message.length;cntAdd<message.length;cntAdd++,cntSubtr--) { with(document.getElementById('sid'+cntAdd).style) { fontSize=(cntAdd<((messageLen/2)-1))?eval((cntAdd+1)*10+10):eval((cntSubtr*10+10)); } } } // - Dynamic Scripts for Web Developers Check Out: Geocities.com/Rhucko1 function SequentiallyMove() { if(gcount<message.length) { if(gcount>0) { with(document.getElementById('sid'+(gcount-1)).style) { backgroundColor=BGCOLOR1; color=COLOR1; border="2 double"; } } with(document.getElementById('sid'+gcount).style) { backgroundColor=BGCOLOR2; color=COLOR2; border="5 outset"; } gcount++; } else if(gcount2>=0) { if(gcount2<message.length-1) { with(document.getElementById('sid'+(gcount2+1)).style) { backgroundColor=BGCOLOR1; color=COLOR1; border="2 double"; } } with(document.getElementById('sid'+gcount2).style) { backgroundColor=BGCOLOR2; color=COLOR2; border="5 outset"; } gcount2--; } else if(gcount2==-1) { with(document.getElementById('sid'+(gcount2+1)).style) { backgroundColor=BGCOLOR1; color=COLOR1; border="2 double"; } gcount2=-2; } else if(gcount3<message.length) { with(document.getElementById('sid'+(gcount3)).style) { color=LASTCOLOR; border="none"; } gcount3++; } else if(gcount4<message.length) { with(document.getElementById('sid'+(gcount4)).style) { backgroundColor="black"; } gcount4++; } setTimeout("SequentiallyMove();",100); } function RichardHucko() { // - Move to Current URL location.href=URL; // - Move to Current URL } // - Mod Styles JavaScript Text Effect Created By Richard Hucko, Hope You Enjoy! //--> </script> <style type="text/css"> <!-- body { background-color:black; text-align:center; font-family:verdana; } span.dynamic { background-color:white; color=black; border=2px double gray; } --> </style> <!-- Diesen Code musst Du in den -body- einbauen --> <span id="prototypesid0" style="display:none;">www.java24.net</span><div style="display:none;">- Mod Styles JavaScript Text Effect, JavaScript and DHTML Effects By Richard Hucko, Kaneohe Hawaii 96744, for Scripts, Dynamic HTML, Splash Intro Pages, Menus, Scrollers, Text Effects, Dynamic Scripts, Tutorials, Forums, and More Check Out http://DynamicScripts.tk or http://DynamicScripts.Da.Ru - Google Keywords: 'Richard Hucko', 'RHUCKO1', or 'dynamicscripts'</div><form>    </form> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->