gpt4 book ai didi

javascript - jQuery - 光标后面的文本

转载 作者:行者123 更新时间:2023-12-02 19:27:51 24 4
gpt4 key购买 nike

我知道:几乎没有 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com