JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav">
    <li>Look</li>
    <li>Play</li>
    <li>Eat</li>
    <li>See</li>
</ul>

CSS

.nav {
    position: absolute;
}
.nav li {
    position: relative;
    top: 0;
}
ul {
    list-style: none;
}
ul li {
    display: inline-block;
    background: red;
    border-radius: 50%;
    color: white;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 3;
}

JavaScript

var movingMenu = {
    menu: $('.nav').children('li'),

    move: function () {
        this.menu.each(function () {
            $(this).animate({
                top: '+=50'
            }, 200);
        });
    }
};

window.setInterval(function () {
    movingMenu.move();
}, 1000);