Dynamic Textfader

Mit diesem Textfader und Scroller können beliebig viele Texte
eingegeben werden. Die Textfarbe und der Hintergrund kann an die
eigene Homepage angepasst werden. Höhe und Breite des Textfeldes
sind frei konfigurierbar.
In der Demo habe ich den Hintergrund in grau dargestellt.

Die Geschwindigkeit kann ebenfalls angepasst werden.

HTML-Einbindung
   <STYLE>  </STYLE> <SCRIPT LANGUAGE="JavaScript1.2"> /* Dynamic Fader Script Created and submitted by Nicholas Poh (hwinmain@yahoo.com) Permission granted to Dynamicdrive.com to feature script in archive For full source code and installation instructions to this script, visit http://dynamicdrive.com */ var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); var value=0; var Dec2Hex=new Array(); for (x=0; x<16; x++){ for (y=0; y<16; y++){ Dec2Hex[value]= hexbase[x] + hexbase[y]; value++; } } function RGB2STR(rgbcolor) { return Dec2Hex[rgbcolor>>16] + Dec2Hex[(rgbcolor>>8)&0xFF] + Dec2Hex[rgbcolor&0xFF]; } /////Congifure following variables to customize fader// var scrollerwidth=400 var scrollerheight=100 var TS_colorFG = 0x0000FF; // Text color var TS_colorBG = 0xc0c0c0; // Background color var TS_ymax = 50; // Total animation frame var TS_ystep = 1; // 1 or -1 only var TS_speed = 20; var TS_message = new Array(); // Put messages here TS_message[0] = 'Hallo und herzlich Willkommen'; TS_message[1] = 'bei java24.net'; TS_message[2] = 'Deutschlands größte Javaseite'; TS_message[3] = 'beliebig viele Texte können hier dargestellt werden'; TS_message[4] = 'Verlinkung ?? Kein Problem'; TS_message[5] = '<A HREF="http://abo.java24.net" target="_blank">hier die Verlinkung</A>'; /////End configuration////////////////// var TS_ypos = 0; var TS_yposOrg = 0; var TS_color = TS_colorBG; var TS_curMsg = 0; // Calculate the difference between background and foreground color var dfRed = -((TS_colorBG>>16) - (TS_colorFG>>16)) / (TS_ymax>>1); var dfGreen = -(((TS_colorBG>>8)&0xFF) - ((TS_colorFG>>8)&0xFF)) / (TS_ymax>>1); var dfBlue = -((TS_colorBG&0xFF) - (TS_colorFG&0xFF)) / (TS_ymax>>1); var TS_opColor = (dfRed<<16) + (dfGreen<<8) + (dfBlue); var timer; function UnloadMe() { clearTimeout(timer); } function ScrollText() { if (document.all) { // IE TextScroll.style.paddingTop = TS_ypos; TextScroll.style.color = TS_color; } TS_ypos += TS_ystep; TS_color += TS_opColor; if (TS_ypos == (TS_ymax>>1) - TS_ystep) { TS_opColor *= -1; } if (TS_ypos >= TS_ymax-1 || TS_ypos <= 0) { TS_color = TS_colorBG; TS_opColor *= -1; if (TS_ystep > 0) { TS_ypos = 0; } else { TS_ypos = TS_ymax; } if (++TS_curMsg > TS_message.length-1) { TS_curMsg = 0; } // Change text if (document.all) { // IE TextScroll.style.paddingTop = TS_ypos; TextScroll.innerHTML=TS_message[TS_curMsg]; } } // Set timer timer = setTimeout('ScrollText()', TS_speed); } function ScrollTextDisplay() { var navName=navigator.appName; var navVer=parseInt(navigator.appVersion) if (!(navName=="Microsoft Internet Explorer" && navVer>=4)){ return; } if (navName=="Microsoft Internet Explorer") { TS_speed = 20 + TS_speed; } document.write('<SPAN ID="TextScroll" CLASS="TextScrollStyle" style="width:'+scrollerwidth+';height:'+scrollerheight+'">'); document.write(TS_message[0]); document.write('</SPAN>'); if (TS_ystep > 0) { TS_ypos = 0; } else { TS_ypos = TS_ymax; } if (document.all) { // IE TextScroll.style.backgroundColor = TS_colorBG; TextScroll.style.color = TS_color; } window.onload=new Function("timer = setTimeout('ScrollText()', 1000);") window.onunload=UnloadMe; } </SCRIPT>  <p align="center" class="center"><SCRIPT language="JavaScript1.2"> if (document.all) ScrollTextDisplay() </SCRIPT></p>

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"