当从文本或文章悬停在线上时阅读chang背景颜色

Question

众所周知，该文章由几行组成。 为了使读者能够区分读取它的行，所以我想在从文本或文章悬停在线时阅读更改背景颜色？ 要知道<p></p>

之间的所有文字

Answer 1

你可以用javascript

来做

添加jQuery 1.9.1

JSFIDDLE示例是Here

Javascript代码：

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();