JSFiddle - React, Tailwind, and code Playground
HTML
<div id="Menu" style="width: 900px; height: 800px; background-color: rgba(0, 255, 255, 0.31); "></div>
JavaScript
var MenuData = [
{'Name':'pictures','x':'30'},
{'Name':'blog','x':'50'},
{'Name':'contact','x':'42'}
]
;
var PositionArray = new Array();
$(document).ready(function () {
for (var count = 0; count < 1000; count++) {
$("#Menu").html('');
setTimeout(function () {
for (var i in MenuData) {
if (PositionArray[i] != null) {
PositionArray[i]++;
} else {
PositionArray[i] = 0;
}
$("#Menu").append('<div style="position:relative; left:' + MenuData[i].x + 'px; top:' + PositionArray[i] + 'px; ">123</div>');
}
}, 500);
}
});