Javascript 更改光标后面的圆圈下的文本颜色

我需要更改鼠标光标后面圆圈下文本的颜色

我将圆圈编码为跟随光标，但我不知道如何更改圆圈下文本的颜色。 我想颜色被更改为标题的背景色

我的代码：

$（文档）.ready（函数（）{
var mouseX=0，
mouseY=0，
xp=0，
yp=0；
$（“标题”）.mousemove（函数（e）{
mouseX=e.pageX-30；
mouseY=e.pageY-30；
xp+=（（mouseX-xp）/6）；
yp+=（（鼠标-yp）/6）；
$（“.circle”）.css({
左：xp+‘px’，
顶部：yp+‘px’
});
});
});
标题{
背景：80万；
填充：100px 20px；
位置：相对位置；
溢出：隐藏；
}
h1，p{color:#ffffff；}
.圆圈{
宽度：100px；
高度：100px；
背景：#ffffff；
边界半径：50%；
位置：绝对位置；
}

乱数假文
Lorem ipsum dolor sit amet，奉献精英。即使是这样，也不包括临时性的不平等

使用
混合模式：差异在你的.circle类中


$（文档）.ready（函数（）{
var mouseX=0，
mouseY=0，
xp=0，
yp=0；
$（“标题”）.mousemove（函数（e）{
mouseX=e.pageX-30；
mouseY=e.pageY-30；
xp+=（（mouseX-xp）/6）；
yp+=（（鼠标-yp）/6）；
$（“.circle”）.css({
左：xp+‘px’，
顶部：yp+‘px’
});
});
});
标题{
背景：80万；
填充：100px 20px；
位置：相对位置；
溢出：隐藏；
}
h1，p{color:#ffffff；}
.圆圈{
宽度：100px；
高度：100px；
背景：#ffffff；
边界半径：50%；
位置：绝对位置；
混合模式：差异化；
}

乱数假文
Lorem ipsum dolor sit amet，奉献精英。即使是这样，也不包括临时性的不平等

使用混合模式：差异；在你的课堂上
为了获得更好的反转效果。使用
混合模式：排除在您的
h1，p


$（文档）.ready（函数（）{
var mouseX=0，
mouseY=0，
xp=0，
yp=0；
$（“标题”）.mousemove（函数（e）{
mouseX=e.pageX-30；
mouseY=e.pageY-30；
xp+=（（mouseX-xp）/6）；
yp+=（（鼠标-yp）/6）；
$（“.circle”）.css({
左：xp+‘px’，
顶部：yp+‘px’
});
});
});
标题{
背景：80万；
填充：100px 20px；
位置：相对位置；
溢出：隐藏；
}
h1，p{color:#ffffffff；混合模式：排除；}
.圆圈{
宽度：100px；
高度：100px；
背景：#ffffff；
边界半径：50%；
位置：绝对位置；
混合模式：差异化；
}

乱数假文
Lorem ipsum dolor sit amet，奉献精英。即使是这样，也不包括临时性的不平等

虽然这是一个不错的功能，但它并没有回答以下问题：圆圈应该是白色，文本应该是#800000。是否可以用这种方法控制颜色？如果要控制颜色，请确保选择的颜色完全相反。黑色背景和白色文本。我们不能完全定制颜色