JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<script>
$(document).ready(function(){
$('.hover').mousemove(function(e){
$('#hint').css({'left': e.clientX, 'top': e.clientY});
$('#hint').text(e.clientX + ' X ' + e.clientY);
$('#hint').show();
});
});
</script>
<style>
html,body{
width:100%;
height:100%;
}
#hint{
display:none;
position:absolute;
border:1px solid #ccc;
padding:5px;
background:yellow;
border-radius:5px;
}
</style>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="hint"></div>
<a class="hover" rel="Просто ссылка"...