Hier mal ein kleines Tutorial für einen simplen Java-Script News Ticker zum einbinden auf eure Homepages. Er ist schnell durchschaut und gut anpassbar - also viel Spass damit
Zuerst wird im Head-Bereich des HTML Dokuments folgendes Script eingefügt:
function newsticker()
{
// Nächster Buchstabe der aktiven News
if (i < newslist[cnt][0].length - 1)
{
i++;
temp1 = newslist[cnt][0];
temp1 = temp1.split('');
curr = curr+temp1[i];
temp2 = newslist[cnt][1];
mtxt.innerHTML = ""+curr+"_";
setTimeout('newsticker()',35)
return;
}
// Nächste News
i = -1; curr = "";
if (cnt<newslist.length-1)
cnt++;
else
cnt=0;
setTimeout('newsticker()',3000) // Pause zwischen den News
}
// Ende -->
</script>
Das Script wird dann noch zusätzlich im einleitenden Body-Tag aktiviert:
1
<body onLoad="newsticker();">
Nun muss der Newsticker nur noch in einem definierten Textbereich angesteuert werden, er kann durch CSS-Styles natürlich noch zusätzlich an Eure Seite angepasst werden:
