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>