jQuery - 光标后面的文本

jQuery - text following cursor

本文关键字：文本 光标 jQuery      更新时间：2023-09-26

我知道：几乎没有JavaScript基本 HTML 和 CSS

所以 - 我的目标：当且仅当光标位于div 或图像上时，让一小行文本跟随光标。 当光标不在div 或图像上时，我不希望在任何地方看到文本。

我在jsFiddle页面上发现了类似的东西，我从中制作了以下.html和.css文件：

.html文件：

<!DOCTYPE html>
<html>
<head>
<link href="css/lern.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $(index.html).bind('mousemove', function(e){
        $('#tail').css({
           left:  e.pageX + 5,
           top:   e.pageY - 20
        });
    });​
});
</script>
</head>
<body>

<div id="tail">
    <p>Farewell</p>
    <p>N.C. Hunter Hayden</p>
</div>​

</body>
</html>

.css文件：

@charset "UTF-8";
/* CSS Document */
#tail
{
position: absolute;
}

这是输出：

·告别

北卡罗来纳州亨特·海登

如果有人想花时间耐心地向我这样的绿人解释，将不胜感激。 如果你有更好的事情要做，我完全理解。 一天要做这么多事情，你知道我的意思吗？

我想我已经提供了我所拥有的所有信息，但如果您需要更多，请询问。

无论如何，

无论如何，至少感谢您屈尊阅读到此为止。 你真棒。 坚持下去！

祝你有美好的一天。明天也有一个很好的，以防我没有另一个变化告诉你。

-奥伊尔

只需将index.html更改为document即可。

您不希望按文件名选择文档，而是按其实际选择器选择文档。

这是在行动。

相关文章：