Info-Ticker

Diese Ticker eignen sich hervorragend, um den Usern
Hilfestellungen zu geben. Es wird einfach ein Schlagwort definiert
und bei dem berühren mit der Maus fährt der Hilfetext aus.

Ein tolles Script, oder ?

Dies ist ein Ticker, der im Textfluss steht: mit entsprechend dem Abstand;

Dieser Ticker ist ein Link:

Einfacher Ticker mit eigener Zeile:

...Und hier geht das Dokument weiter...

HTML-Einbindung
  <script> var alle_ticker = new Array() var j=1 function neuer_ticker(text1,text2) { name = "ti"+j; j++; alle_ticker[name]=new Array(); alle_ticker[name]["text1"]=text1; alle_ticker[name]["text2"]=text2; alle_ticker[name]["zaehler"]=0; document.write("<span style='{font-family:Lucida Console;cursor:help;}' onmouseover=ticker_auf('"+name+"') onmouseout=ticker_zu('"+name+"') id='"+name+"'>"+alle_ticker[name]["text1"]+"</span>"); } function ticker_auf(name) { clearTimeout(alle_ticker[name]["zu"]); if(alle_ticker[name]["zaehler"]<alle_ticker[name]["text2"].length) { laenge = Math.max(alle_ticker[name]["text1"].length,alle_ticker[name]["text2"].length)-alle_ticker[name]["zaehler"] k=1;text=""; while(k<laenge) { text+=" "; k++; } alle_ticker[name]["zaehler"]+=1; document.all[name].innerHTML = alle_ticker[name]["text2"].substring(0,alle_ticker[name]["zaehler"])+""+text; alle_ticker[name]["auf"] = setTimeout("ticker_auf('"+name+"')",15) } } function ticker_zu(name) { clearTimeout(alle_ticker[name]["auf"]); if(alle_ticker[name]["zaehler"]>0) { laenge2 = Math.max(alle_ticker[name]["text1"].length,alle_ticker[name]["text2"].length)-alle_ticker[name]["zaehler"] k2=0;text2=""; while(k2<=laenge2) { text2+=" "; k2++; } alle_ticker[name]["zaehler"]-=1; document.all[name].innerHTML = alle_ticker[name]["text2"].substring(0,alle_ticker[name]["zaehler"])+""+text2; alle_ticker[name]["zu"] = setTimeout("ticker_zu('"+name+"')",15) }else { document.all[name].innerHTML = alle_ticker[name]["text1"]; } } </script> <body bgcolor="#000000"> Dies ist ein Ticker, der im Textfluss steht:<b> <script> neuer_ticker("[OriginalText]","[Mouse-Over-Text]"); </script></b> mit entsprechend dem Abstand; <p> Dieser Ticker ist ein Link:<br> <a href="http://www.java24.net" target=_new> <script> neuer_ticker("wohin mag dieser link führen?","natürlich zu java24.net!"); </script></a> <p> Einfacher Ticker mit eigener Zeile:<br><em> <script> neuer_ticker("info","man bin ich froh das ding fertig zu haben..."); </script></em><p> ...Und hier geht das Dokument weiter... </body>

Dieses Script per eMail? , einfach Deine eMail-Adresse eintragen und Sekunden später liegt es in Deinem Postfach.

Newsletter schon abonniert?
Wenn nicht, bitte "Haken" setzen