<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="../../scripts/jquery-1.4. 4.min.js"></script>
<script type="text/javascript">
var c;
var data=["A","B","C","D","E","F", "G","H","I", "J","K","L", "M","N","O", "P","Q","R", "S","T","U"];
$(document).ready(function(){
setInterval("asd(c)",1000);
});
function asd(c){
if(!asd.c)asd.c
= 1;
for (var i = 1; i <= asd.c
; i++){
for (var j = i ; j >
0 ; j-- ){
$("#div"+j).html(data[i-j]);
}
}
asd.c++;
if (asd.c
> data.length){
asd.c =1;
$("#div5").html('');
$("#div4").html('');
$("#div3").html('');
$("#div2").html('');
$("#div1").html('');
}
}
</script>
</head>
<body>
<input id ="v"
value="1" style="display:
none;"/>
<table border="1"
cellpadding="1" cellspacing="1">
<tr><td height="30px"
width="30px"><div id="div5"></div></td></tr>
<tr><td height="30px"
width="30px"> <div id="div4"></div></td></tr>
<tr><td height="30px"
width="30px"><div id="div3"></div></td></tr>
<tr><td height="30px"
width="30px"><div id="div2"></div></td></tr>
<tr><td height="30px"
width="30px"><div id="div1"></div></td></tr>
</table>
</body>
</html>
No comments:
Post a Comment