JSFiddle - React, Tailwind, and code Playground

by gubhaju

HTML

<div style="position: relative">
    <ul class="linksColl">
        <li onmouseover="move()" ><a href="#">Hello</a></li>
        <li onmouseover="move()" ><a href="#">How</a></li>
        <li onmouseover="move()" ><a href="#">The </a></li>
        <li onmouseover="move()" ><a href="#">Things</a></li>
        <li onmouseover="move()" ><a href="#">Are</a></li>
        <li onmouseover="move()" ><a href="index.php">Going on</a></li>
    </ul>
    <div class="linkHover">gogogo</div>
</div>

JavaScript

function move() {

    $(document).mousemove(function(e){
         var x = e.pageX; alert(x)
        $('.linkHover').animate({'right': '=+' + x + 'px'}, 'slow'); 
   }); 


    }