当将鼠标悬停在文本或文章中的行上时，同时阅读常背景颜色

Question

众所周知，这篇文章由几行组成。为了使读者能够区分阅读它的行，所以我想在将鼠标悬停在文本或文章的行上时阅读时改变背景颜色？因为知道所有文本它之间<p></p>

Answer 1

你可以用javascript来做

添加 jQuery 1.9.1

JSFIDDLE 示例在这里

脚本代码：

var $div = $("<div>"), 
    $marker = $("<div>"),
    adder = [],
    $p = $("p"),
    $line = $("<span>").appendTo($marker),
    lastWord = '';
$marker.css({'position': 'fixed', 'top': '100%'}).appendTo("body");
$p.text().split(/s/).forEach(function (elem) {
$line.text($line.text() + elem + ' ');
if ($line.width() > $p.width()) {
    $line.text(function (_, text) {
        return text.slice(0, text.lastIndexOf(elem));
    });
    $line.appendTo($div);
    console.log($line.text());
    $line = $("<span>");
    $line.text(' ' + elem).appendTo($marker);
    console.log($marker.html() + "END");
  } 
});
$div.append($marker.html());
$p.html($div.html());
$div.remove();
$marker.remove();