Animate through a set of list items with jQuery

$(document).ready(function() {

var i = 0,

delay = 2000,

animate = 400;

function animateList(){

var imax = $("ul#list li").length -1;

$("ul#list li:eq(" + i + ")")

.animate({"fontSize" : "80px"}, animate)

.animate({"fontSize" : "80px"}, delay)

.animate({"fontSize" : "30px"}, animate, function(){

(i == imax) ? i=0 : i++;

animateList();

});

};

animateList();

});


<ul id="list">

<li>Advertising</li>

<li>Art</li>

<li>Automotive</li>

<li>Business</li>

<li>Celebrity</li>

</ul>

Text Blink in All Browser

Using javascript

function blinks(hide) {
    if(hide==1) {
        $('.blink').show();
            hide = 0;
    }
else { 
    $('.blink').hide();
    hide = 1;
}
setTimeout("blinks("+hide+")",400);
}
$(document).ready(function(){
blinks(1);
})

in Firefox

text-decoration:blink;

in google  crome 
@-webkit-keyframes blink {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

blink {
  -webkit-animation-name: blink;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; }