Простой текстовый слайдер

html:

<span id="heading1">00000</span>
<span id="heading2">111111</span>>
<span id="heading3">222222</span>
<span id="heading4">333333</span>

css:

#heading1, #heading2, #heading3, #heading4{
	position: absolute;
	left: 0px;
    opacity:0;
}

jquery:

var heading_cur=0;
function showHeading(){
	$('#heading'+(heading_cur+1)).css({opacity: 0}).animate({opacity: 1.0,left: "50px"}, 1000);
	setTimeout(hideHeading, 5000);
}
function hideHeading(){
	$('#heading'+(heading_cur+1)).css({opacity: 1}).animate({opacity: 0,left: "-50px"}, 1000,function(){showHeading();});
	heading_cur=(heading_cur+1)%4;
}
$(document).ready(function() {
	showHeading();
})

пример