Chacker Demo

HTML

<script src="http://andrewray.me/stuff/chacker/chacker.js"></script>
<link rel="stylesheet" href="http://andrewray.me/stuff/chacker/chacker.css">
<div class="container">
    <ul id="chacker" class="chacker">
        <li>I am a chack</li>
        <li>I am the middle chack</li>
        <li>I am the last chack</li>
    </ul>
</div>
<div class="container">
    <ul id="chacker2" class="chacker">
        <li>Shaded chacker</li>
        <li>I am the middle chack</li>
        <li>I am the last chack</li>
    </ul>
</div>

CSS

body {
    background:#333;
    font-family:sans-serif;
    font-size:18px;
}

.chacker {
    font-size:30px;
    height:30px;
    width:300px;
    background:#eee;
}
.chack-main, .chack-up {
    background-color:#eee;
}

.container {
    padding:20px;
    margin:20px;
    background:#eee;
    border-radius:6px;
    height:30px;
    position:relative;
}

JavaScript

$(function() {
    $('#chacker').chacker({
        delay:1000
    }).startChacking();
    
    
    $('#chacker2').chacker({
        delay:2000,
        shaded:1
    }).startChacking();
});