Friday, July 20, 2012

Scroller in JQuery

<!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

SpringBoot Application Event Listeners

When a spring boot application starts few events occurs in below order ApplicationStartingEvent ApplicationEnvironmentPreparedEvent Applicat...