制作over-text div动画并仅为文本着色

Question

我很难解决这个问题。

正如您在链接中所看到的，我已经附加了一个div，可以激活它在文本上的位置。我想要的只是红色只会在文本本身上。

我想做的其他事情是让div再次回来并一遍又一遍地开始动画。

我希望你能理解我想要的东西。谢谢！

这是指向JSFIDDLE

的链接

Answer 1

您需要将#text-light的高度设置为父级的高度 - 在本例中为<p>元素，并修改您的函数以首先重置css左侧位置。

function start(){
    $("#text-light").css({left: 220}).animate({"left":"-60px"}, 500, start);
}

$("#text-light").height($('p').css('height'));
start();

FIDDLE