Tickertext mit jQuery

Anbei eine relativ einfache und pragmatische Art, einen dynamischen Tickertext in eine Seite zu integrieren.

Allerdings ist das bestimmt nicht der Weisheit letzter Schluss, da es doch etwas sehr unsauber ist und das unkonforme “marquee”-Element benutzt. Für Verbesserungsvorschläge oder Alternativen wäre ich sehr dankbar.

CSS:

#tickertext {
  bottom: 0px;
  display: block;
  float: left;
  height: 20px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  width: 590px;
}

HTML:

1	<div id="tickertext">Ich bin ein Tickertext</div>

Javascript:

$(document).ready(
function()
{
  var ticker_text = $('#tickertext').html();
  if (ticker_text != '')
  {
    var inhalt = $('#tickertext').parent().html();
    $('#tickertext').css('display', 'none');
    var marquee = $('<marquee id="tickertext" scrollamount="2" scrolldelay="10">' + ticker_text + '<' + '/marquee>');
    $('#tickertext').parent().append(marquee);
  }
});

Hier geht’s zur Demo!

kommentieren · abgelegt unter Web Development · 15.10.2009

diesen Artikel bookmarken oder weiterempfehlen:

Page title

Tickertext mit jQuery