Vertical Ticker Zur Stärkung Ihrer linken Halsmuskulatur. Funktioniert mit IE 5x/6x (womit Sie locker über 90% Ihrer Besucher erreichen.) Weitere kostenlose Scripts gibt's auf www.fabulant.com Installation Schritt 1: Öffnen Sie die Webpage, in die Sie den Vertical Ticker einbinden möchten. Benutzen Sie dazu einen simplen Texteditor wie z.B. NotePad oder WordPad. Schritt 2: Fügen Sie den folgenden Code dort ein, wo Sie den Vertical Ticker platzieren möchten: <SCRIPT> // CREDITS: // Vertical Ticker // By Peter Gehrig // Copyright (c) 2002 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.fabulant.com // info@24fun.com // 8/31/2002 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a highly visible link to // http://www.fabulant.com on the webpage // where this script will be featured ///////////////////////////////////////////////////////////////////// // Unterhalb dieser zwei Linien beginnt die Editierzone // Bestimmen Sie die Eigenschaften der Text Animation /////////////////////////////////////////////////////////////////// // Schreiben Sie hier unten Ihre Messages rein, soviele Sie wollen! // Aber aufgepasst: jede Message muss in Anführungs- und Schlusszeichen gepackt sein. // Und zwischen jeder Message gehört ein Komma hin. var text=new Array("Danke, dass Sie Ihren Hals verdrehen ...", "... um meinen Vertical Ticker zu würdigen.", "Würde sich doch gut machen auf Ihrer Website!", "Schrift, Farbe, Speed - alles lässt sich anpassen.", "Der Scroller lässt sich überall in Ihre Webpage einfügen.", "Wenn Sie mein Kunde sind ...", "... übernehm ich das für Sie - kostenlos, wohlverstanden!", "Na, was meinen Sie?") // Bestimmen Sie die Schrift var textfont="Arial" // Legen Sie die Schriftgrösse fest (Pixels) var textfontsize=16 // Legen Sie die Schriftfarbe fest. var textfontcolor="#444444" // Legen Sie die Höhe des Tickers fest (Pixels) var textheighta=360 // Bestimmen Sie die Pause zwischen den einzelnen Messages (Sekunden) var textpause=2 ///////////////////////////////////////////////////////////////////// // Hier endet die Editierzone // Bitte ändern Sie den nachfolgenden Programmiercode nur, // wenn Sie ein geübter JavaScripter sind. ///////////////////////////////////////////////////////////////////// var message=new Array() var colorrgbred var colorrgbgreen var colorrgbblue var textwidth=1.5*textfontsize var bgheight=textheighta+textfontsize/2 var startheight=0 var i_text=0 var i_meslength=0 textpause*=1000 for (i=0;i<=text.length-1;i++) { message[i]=text[i].replace(/'/g,"`")+" " } translateintorgb() function translateintorgb() { var hexanewred=textfontcolor.substring(1,3) var hexanewgreen=textfontcolor.substring(3,5) var hexanewblue=textfontcolor.substring(5,7) colorrgbred=parseInt("0x"+hexanewred) colorrgbgreen=parseInt("0x"+hexanewgreen) colorrgbblue=parseInt("0x"+hexanewblue) } function initiate() { if (document.all) { document.all.rotationstyle.style.posLeft=-(Math.floor(textwidth/2))+textfontsize document.all.rotationstyle.style.posTop=startheight startscroll() } } function startscroll() { if (i_meslength<=text[i_text].length) { do_rotate="yes" rotationstyle.innerHTML= '<OBJECT ID="rotationobj" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+textwidth+'px;height:'+2*textheighta+'px">'+ '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+ '<PARAM NAME="Line0002" VALUE="SetLineColor('+colorrgbred+','+colorrgbgreen+','+colorrgbblue+')">'+ '<PARAM NAME="Line0003" VALUE="SetFillColor('+colorrgbred+','+colorrgbgreen+','+colorrgbblue+')">'+ '<PARAM NAME="Line0004" VALUE="SetFont(\''+textfont+'\', '+textfontsize+', 0, 1, 0, )">'+ '<PARAM NAME="Line0005" VALUE="Text(\''+message[i_text].substring(0,i_meslength)+'\', 0, 0, 0)">'+ '</OBJECT>' rotationobj.Rotate(0,0,270) i_meslength+=1 timer=setTimeout("startscroll()",50) } else { timer=setTimeout("changetext()",textpause) } } function changetext() { i_text++ if (i_text>=text.length) {i_text=0} i_meslength=0 startscroll() } if (document.all) { document.write('<DIV ID="roof" STYLE="position:relative;width:'+textwidth+'px;height:'+bgheight+'px;>') document.write('<DIV ID="bgdiv" STYLE="position:absolute;left:0px;top:0px;width:'+textwidth+'px;height:'+bgheight+'px;">') document.write('<DIV ID="rotationstyle" STYLE="position:absolute;left:-2000px;">') document.write('<OBJECT ID="rotationobj" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">') document.write('</OBJECT>') document.write('</DIV>') document.write('</DIV>') document.write('</DIV>') window.onload=initiate } </SCRIPT> Schritt 3: Konfigurieren Sie die Schriftattribute, Grösse, Farben etc. im oberen Teil des Codes, den Sie soeben eingefügt haben. back