<style type="text/css">
<!--
#spot { position:absolute; left:220px; top:80px; width:340px; height:90px; background-color:#FFFFDE; layer-background-color:#FFFFDE; clip:rect(0px 340px 90px 0px); overflow:hidden; border:none; }
.scroll { position:absolute; width:300px; height:90px; margin-left:10px; margin-right:10px; cursor:default; }
-->
</style>

<script type="text/javascript">
<!--

// Browser-Checker
var ie = document.all?1:0;
var w3c = document.getElementById?1:0;
var ns4 = document.layers?1:0;

var sHeight = 100; // Scrollhoehe der einzelnen News
var steps = 1; // Anzahl der Pixel, um die der Ticker verschoben wird
var pause = 35; // Verzoegerungszeit des Intervalls in Millisekunden
var pass = false; // Boolsche Variable zur Verhinderung des ersten Leerdurchlaufs
var i = 0; // Zaehler fuer das nachfolgende Array

var content = new Array(); // Array der Mitteilungen

content[0] ='<center><img src="pics/eins.gif" width="80" height="47" alt="" align="right" hspace="10" vspace="4"><b>Umfassend konfigurierbarer <font color="orange">cross-browser</font> NEWS TICKER</b></center>';

content[1] ='<img src="pics/zwei.gif" width="80" height="47" alt="" align="left" hspace="10" vspace="4"><b>Grafiken und <a href="">Links</a> können <font color="green">in beliebiger Anzahl und Reihenfolge</font><br> eingebunden werden.</b>';

content[2] ='<img src="pics/drei.gif" width="80" height="47" alt="" align="left" hspace="10" vspace="4"> <font face="Verdana" size="2"><b>Zur Text-, <font color="red">Farb-</font> und <a href="../Listing/ticker.txt">Link-Formatierung</a></b> steht Ihnen die gesamte Palette der HTML-Tags zur Verfügung.</font>';

content[3] ='<center> <img src="pics/vier.gif" width="80" height="47" alt=""><br><b>Die Anzahl der Einträge ist <font color="#0066CC"><i>beliebig</i></font>,<br> die Geschwindigkeit <font color="#0066CC"><i>einstellbar</i></font>,<br> der Einsatz <font color="#0066CC"><i>platzsparend</i></font>.</b></center>';

content[4] ='<center> <img src="pics/i.gif" width="28" height="24" alt=""> <b>Beim Überfahren mit dem Mauszeiger</b> wird der Ticker automatisch angehalten.</center>';

content[5] ='<img src="pics/fuenf.gif" width="80" height="47" alt="" align="left" hspace="10" vspace="4"> <b>Selbstverständlich lässt sich die <font color="fuchsia">Größe verändern</font> und an jeder Stelle <font color="fuchsia">exakt positionieren.</font>';

content[6] ='<img src="pics/birne.gif" width="30" height="40" alt="" align="left" hspace="10" vspace="0"> <font face="Arial" size="2" color="darkorange"><b>Plattformunabhängig und kompatibel mit Internet Explorer ab Version 4, Netscape 4, Netscape 6+, Mozilla und Opera 7.</b></font>';


function intro() {

if(ie) {
ticker.style.pixelTop = sHeight;
scrollIE();
}
else if(w3c) {
ticker = document.getElementById('ticker');
ticker.style.top = sHeight + "px";
scrollW3C();
}
else if(ns4) {
ticker = document['spot'].document['ticker'];
ticker.top = sHeight;
ticker.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT);
scrollNS4();
}
ticker.onmouseover= function() { steps = 0; } // Event-Handler initialisieren
ticker.onmouseout = function() { steps = 1; }
}


function scrollIE() { // IE-Scroller

if(pass == 1 && ticker.style.pixelTop >= -sHeight) {
ticker.style.pixelTop -= steps; // Ticker nach oben scrollen
}
else {
ticker.style.pixelTop = sHeight;
ticker.innerHTML = content[i]; // News ins Dokument schreiben
if(i == content.length - 1) // Zaehler hochzaehlen bzw. zuruecksetzen
i = 0; else i++;
pass = true;
steps = 1;
}
if(ticker.style.pixelTop <= -sHeight/6) {
steps = 2; // Scrollen am Ende beschleunigen
}
setTimeout("scrollIE()", pause);
}


function scrollW3C() { // Scroller fuer W3C-kompatible Browser

if(pass == 1 && parseInt(ticker.style.top) >= -sHeight) {
ticker.style.top = parseInt(ticker.style.top) - steps + "px";
}
else {
ticker.style.top = sHeight + "px";
ticker.innerHTML = content[i];
if(i == content.length - 1)
i = 0; else i++;
pass = true;
steps = 1;
}
if(parseInt(ticker.style.top) <= -sHeight/6) {
steps = 2;
}
setTimeout("scrollW3C()", pause);
}


function scrollNS4() { // Scroller fuer NS 4

if(pass == 1 && ticker.top >= -sHeight) {
ticker.top -= steps;
}
else {
ticker.top = sHeight;
with(ticker.document) {
open();
write(content[i]);
close();
}
if(i == content.length - 1)
i = 0; else i++;
pass = true;
steps = 1;
}
if(ticker.top <= -sHeight/6) {
steps = 2;
}
setTimeout("scrollNS4()", pause);
}
//-->
</script>

onload="intro()"

<div id="spot">
<div id="ticker" class="scroll">
</div> </div>

??

Kopieren Sie bitte den Code