javascript - jQuery - 光标后面的文本

标签 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;
}

这是输出:

告别

北卡罗来纳州亨特·海登

如果有人愿意花时间耐心地向我这样的新手解释,我将不胜感激。如果你有更好的事情要做,我完全理解。一天要做很多事情,你明白我的意思吗?

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

无论如何,无论如何,感谢您至少屈尊读到这里。你真棒。坚持下去!

祝你有美好的一天。 明天也有一个很好的,以防万一我没有得到另一个改变告诉你。

-Oijl

最佳答案

只需将 index.html 更改为 document

您不想通过文件名来选择文档,而是通过其实际选择器来选择文档。

Here它正在行动。

关于javascript - jQuery - 光标后面的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11836344/

相关文章:

javascript - 使用jquery使用选定的列从html表创建json对象

jquery - 为什么 jQuery 不提供 .firstChild 方法?

jquery - 检测 jQuery 验证的 SubmitHandler 中的提交按钮

jquery - 如何在 jQuery 可调整大小插件中更改鼠标光标?

python MySQL db和Cursor无法执行INSERT INTO

java - 如果你有歌曲 ID,Android 从媒体商店获取歌曲?

javascript - 是否可以对php中未定义的值进行json_encode?

javascript - 视频无法在 intel xdk 中播放

javascript - Scrollspy 效果停止工作

javascript - jQuery - 滚动功能不断触发 : Only Once Please