Background-Ticker

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -body- einbauen --> <script> // CREDITS: // Fullpage Background-Ticker 2.1 by Peter Gehrig // Copyright (c) 2004 Peter Gehrig. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com. // info@24fun.com // 1/8/2004 // IMPORTANT: // If you add this script to a script-library or a script-archive // you have to insert a link to http://www.24fun.com right into the webpage where the script // will be displayed. // Set your messages. You may add as many messages as you like. var message=new Array() message[0]="java24.net: DIE Javascript-Ressource." message[1]="java24.net: über 950 Scripte und Applets" message[2]="java24.net: über 1.800 Auflage beim Newsletter." // Set font-family of the text var fnt="Arial" // Set font-size of the text (CSS-values) var fntsize=64 // Set font-color of the text var fntcolor="#CCCCCC" // Set font-color of the last letter of the ticker var fntcolorlastletter="#666666" // Set font-weight. Set a value between 1 to 9 to adjust the boldness var fntweight=7 // Set standstill between the messages (seconds) var standstill=2 // Set speed (higher=slower) var speed=80 // the top-position of the ticker (distance to the border on top, pixels) var topposition=50 // the left-position of the ticker (distance to the border on the left, pixels) var leftposition=20 // Do not edit the variables below var tickerwidth var tickerheight var i_substring=0 var i_presubstring=0 var i_message=0 var messagecontent="" var messagebackground="" var messagepresubstring="" var messageaftersubstring="" fntweight=fntweight*100 standstill*=1000 var browserinfos=navigator.userAgent var ie4=document.all&&!document.getElementById&&!browserinfos.match(/Opera/) var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns4=document.layers var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/) var opera=browserinfos.match(/Opera/) var browserok=ie4||ie5||ns4||ns6||opera for (i=0;i<=message.length-1;i++) { message[i]=message[i]+" " } function initiateticker() { if (ie4) { tickerheight=document.body.clientHeight-5 tickerwidth=document.body.clientWidth-5 document.all.ticker.style.posLeft=leftposition document.all.ticker.style.posTop=topposition showticker() } if (ie5 || opera) { tickerheight=document.body.clientHeight-5 tickerwidth=document.body.clientWidth-5 document.getElementById('ticker').style.left=leftposition document.getElementById('ticker').style.top=topposition showticker() } if (ns4) { tickerheight=window.innerHeight-10 tickerwidth=window.innerWidth-10 document.ticker.left=leftposition document.ticker.top=topposition showticker() } if (ns6) { tickerheight=window.innerHeight-10 tickerwidth=window.innerWidth-10 document.getElementById('ticker').style.left=leftposition document.getElementById('ticker').style.top=topposition getmessagecontentNS6() } } function getmessagecontent() { messagepresubstring=message[i_message].substring(0,i_presubstring) messageaftersubstring=message[i_message].substring(i_presubstring,i_substring) messagecontent="<table border=0 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:"+fntsize+"pt;font-weight:900'>" messagecontent+="<font color='"+fntcolorlastletter+"'>" messagecontent+=messageaftersubstring messagecontent+="</font>" messagecontent+="</span>" messagecontent+="</td></tr></table>" } function getmessagecontentNS6() { messagecontent="<table border=0 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+=message[i_message] messagecontent+="</font>" messagecontent+="</span>" messagecontent+="</td></tr></table>" showtickerNS6() } 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 (ie4) { ticker.innerHTML=messagecontent var timer=setTimeout("showticker()", speed) } if (ie5 || opera) { document.getElementById('ticker').innerHTML=messagecontent var timer=setTimeout("showticker()", speed) } if (ns4) { document.ticker.document.write(messagecontent) document.ticker.document.close() var timer=setTimeout("showticker()", speed) } } else { clearTimeout(timer) var timer=setTimeout("changemessage()", standstill) } } function showtickerNS6() { document.getElementById('ticker').innerHTML=messagecontent i_message++ if (i_message>message.length-1) {i_message=0} var timer=setTimeout("getmessagecontentNS6()", 2*standstill) } function changemessage() { i_substring=0 i_presubstring=0 i_message++ if (i_message>message.length-1) { i_message=0 } showticker() } if (browserok) {window.onload=initiateticker} </script> <DIV ID="ticker" style="position:absolute"></DIV> <DIV ID="do_not_delete_this" style="position:absolute"> <center> <font face="Arial" size="2" color="#808000"><br> Ein MUSS für jeden engagierten Webmaster<br> <br> Über 900 Scripten helfen Dir beim aufpeppen<br> Deiner Homepage.<br> Hier bleibt kaum ein Wunsch offen.<br> <br> Der Newsletter, den bereits über 1.800 User<br> 14tägig empfangen, bringt außer Neuheiten auch<br> wertvolle Tipps und Tricks zur Homepage-Gestaltung.<br> <br> java24.net - DIE Javascript-Ressource<br> Mit über 900 Scripten und Applets eine der größten<br> deutschsprachigen Webseiten, die sich mit Java beschäftigen.<br>  </font> </center> </div> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->