Bei diesem Textticker ist die Konfiguration ganz einfach. Im Quelltext wird jede Einstellung genau beschrieben und sollte auch für den ungeübten keine Probleme darstellen.
HTML-Einbindung <!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du als -eventhandler- in den body-Tag einbauen --> <BODY onload=initiateticker()> <!-- Diesen Code musst Du in den -body- einbauen --> <SCRIPT language=javaScript> <!-- // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved. // http://www.24fun.com.info@24fun.ch //Start der Message var message=new Array() var message=new Array() message[0]="java24.net - DIE Javascript-Ressource ." message[1]="Mit über 800 (!!) Scripten und Applets ." message[2]="eine der größten deutschsprachigen Webseiten ." message[3]="zum Thema Javascript. ." var tickerpadding=10 //Distanz var fnt="Arial" //Schriftart des BG-Textes var fntsize=12 //Schriftgrösse des BG-Textes var fntcolor="FF0000" //Schriftfarbe des BG-Textes var fntsizelastletter=30 //Schriftgrösse des Scrollbuchstaben var fntcolorlastletter="666633" //Schriftfarbe des Scrollbuchstaben var fntweight=7 //Schriftgrösse der Message (1-9) var standstill=2000 //Stillstand des Tickers bevor Neustart var speed=40 //Ticker-Geschwindigkeit var leftposition=250 //Position von links var topposition=100 //Position von oben var tickerwidth = 150 var tickerheight = 25 var i_substring=0 var i_presubstring=0 var i_message=0 var messagecontent="" var messagebackground="" var messagepresubstring="" var messageaftersubstring="" fntweight=fntweight*100 function initiateticker() { if (document.all) { tickerheight = document.body.clientHeight-5 tickerwidth = document.body.clientWidth-5 document.all.ticker.style.posLeft=leftposition document.all.ticker.style.posTop=topposition showticker() } if (document.layers) { tickerheight = window.innerHeight-10 tickerwidth = window.innerWidth-10 document.ticker.left=leftposition document.ticker.top=topposition showticker() } } function getmessagecontent() { messagepresubstring=message[i_message].substring(0,i_presubstring) messageaftersubstring=message[i_message].substring(i_presubstring,i_substring) messagecontent="<table border=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>" messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>" messagecontent+="<font color='"+fntcolor+"'>" messagecontent+=messagepresubstring messagecontent+="</font>" messagecontent+="</span>" messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>" messagecontent+="<font color='"+fntcolorlastletter+"'>" messagecontent+=messageaftersubstring messagecontent+="</font>" messagecontent+="</span>" messagecontent+="</td></tr></table>" } function showticker() { if (i_substring<=message[i_message].length-1) { i_substring++ i_presubstring=i_substring-1 if (i_presubstring<0) {i_presubstring00} getmessagecontent() if (document.all) { ticker.innerHTML=messagecontent var timer=setTimeout("showticker()", speed) } if (document.layers) { document.ticker.document.write(messagecontent) document.ticker.document.close() var timer=setTimeout("showticker()", speed) } } else { clearTimeout(timer) var timer=setTimeout("changemessage()", standstill) } } function changemessage() { i_substring=0 i_presubstring=0 i_message++ if (i_message>message.length-1) { i_message=0 } showticker() } //--> </SCRIPT> <DIV id=ticker style="POSITION: absolute"></DIV> <!-- 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"