JSFiddle - React, Tailwind, and code Playground

by targumon

HTML

<ul id="panel_news">
    <li>BigEvent 2012 @ Berlin, 29 Nov - 1 Dec</li>
    <li>User Group meeting hosted by ConnectUs</li>
    <li>Joan announces PXLS</li>
    <li>OpenVMS Boot Camp</li>
</ul>
<ul id="panel_news_bank">
    <li>IT annual conference in Melbourne</li>
    <li>Benchmark presenation</li>
</ul>

CSS

body {
    background-image: url(http://goo.gl/7Ym5b);
    background-color: #303030;
    color: #c0c0c0;
    font-family: Tahoma, sans-serif;
    font-size: 20px;
    overflow: hidden;
    resize: none;
}

JavaScript

$("#panel_news_bank > li").hide();

var tickerTimer = self.setInterval("ticker()", 2500);

function ticker() {
    $("#panel_news > li").first().hide(500, function() {
        $("#panel_news > li").first().detach().appendTo("#panel_news_bank");
        $("#panel_news_bank > li").first().detach().appendTo("#panel_news").fadeIn(1000);
    });
}