emerico
7/5/2016 - 12:49 PM

Move a html element in circular path using jQuery

Move a html element in circular path using jQuery

var p = 0;
function moveit() {
  p += 0.05;
  var r = 100;
  var xcenter = 150;
  var ycenter = 150;

  var newLeft = Math.floor(xcenter + (r * Math.cos(p)));
  var newTop = Math.floor(ycenter + (r * Math.sin(p)));

  $('#emerico').animate({
    top: newTop,
    left: newLeft,
  }, 10, function() {
    moveit();
  });
}
$(document).ready(function() {
  moveit();
});
<style type="text/css">
  #emerico {
    position: fixed
  }
</style>
<div id="emerico">emerico</div>