.css() does animation

In this chapter you will learn:

CSS animation

CSS animation

<!DOCTYPE html><!--from  ja va 2 s .c  o  m-->
<html>
<head>
<style type="text/css">
div {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background-color: green;
}
</style>
<script
  src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
  $(function() {

    $(document).click(function() {
      var pos = $("div").css("left");
      pos = parseInt(pos);
      $("div").css("left", pos + 10);
    });
  });
</script>
</head>
<body>
  <div></div>
</body>
</html>