JSFiddle - React, Tailwind, and code Playground

by AlexP11223

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.pageX,
        'top': e.pageY
      });
      $('#hint').text(e.pageX + ' X ' + e.pageY);
      $('#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="Просто ссылка"...