jQuery - 文本跟随游标

时间:2012-08-06 21:38:07

标签: javascript jquery cursor

我知道: 实际上没有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;
}

这是输出:

一个€< 告别

N.C。亨特海登

如果有人想花时间耐心地向我这样的绿人解释,我会非常感激。如果你有更好的事情要做,我完全理解。一天要做很多事情,你知道我的意思吗?

我想我已经提供了所有相关信息,但如果您需要更多信息,请询问。

无论如何,无论如何,至少要感谢他们这么远。你真棒。坚持下去!

祝你有个美好的一天。 并且明天也会有一个非常好的,如果我没有得到另一个变化告诉你。

-Oijl

1 个答案:

答案 0 :(得分:2)

只需将index.html更改为document

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

Here它正在发挥作用。