JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text-block">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam in nisi eleifend, efficitur ligula vel, scelerisque risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam semper diam sodales eros dictum euismod. Duis ut hendrerit leo. Sed
        iaculis sem ac est porttitor facilisis. In convallis facilisis libero ut interdum. Phasellus scelerisque ex in lacus tempus mollis. Integer scelerisque viverra elit id fringilla. Proin nibh arcu, imperdiet a lacus ac, feugiat interdum sapien.
        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse ultrices vestibulum orci, a varius quam cursus ut. Nulla ut suscipit sapien. Morbi et urna elementum, pretium augue non, tristique nulla. Nulla massa
        tellus, facilisis at fringilla et, rutrum ac libero.
    </p>
</div>

CSS

.line-marker {
    display: none;
}

.text-block:hover .line-marker {
    position: absolute;
    width: 100%;
    background-color: #CC0;
    display: block;
    z-index: -1;
}

JavaScript

$('.text-block')
    .append('<div class="line-marker">&nbsp;</div>')
    .on('mousemove', function(e) {
        $(this).find('.line-marker').css('top', e.clientY);
    })