Анимация поочерёдного появления блоков.
HTML
<table border="0" id="sequentially">
<tr>
<td style="width:100px;height:100px;background:blue;">
<td style="width:100px;height:100px;background:orange;">
<td style="width:100px;height:100px;background:black;">
<td style="width:100px;height:100px;background:indigo;">
</tr>
</table>
CSS
#sequentially td{display:none;}
JS
<script type="text/javascript">
$(document).ready(function(){
$(function() {
$('#sequentially td').each(function(n) {
$(this).delay((n++)*1500).fadeTo(2500, 1); })
})
});
</script>
Результат
|