Jquery 悬停时的发光文本

我试图在jQuery中创建一个发光的文本菜单，但经过大量的努力，它仍然不起作用。我不知道我的错误在哪里。。。有人能帮我吗

HTML:

jQuery：

jQuery(document).ready(function() {
    jQuery('.glow').glow();
})

---

我不确定你的jQuery在做什么。但是我可以看出CSS是错误的。您的

.glow

类具有：

text-shadow: #CCC 0px 0px 0px;

这意味着：使用（

0px

，

0px

）偏移和

0px

模糊半径绘制彩色阴影

由于阴影的绘制不带偏移和不带模糊的，因此阴影的绘制位置与普通文本完全相同

若要修复此问题，请添加模糊半径（使其发光-y）

或阴影偏移（小于光晕y）：

---

这听起来可能有点傻，但您是否仔细检查过，以确保jquery确实正确加载到您的站点

最好的方法是使用我通常使用的谷歌链接

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

---

在进行任何jquery调用之前，请确保它位于标头上

我不明白您为什么要使用jquery来处理这个问题？根据我的说法，你只能用CSS来做这件事，这是一个更好的方法

---

是的，这应该可以。请参见。只需在

.glow

类上添加一个

：hover

，您可以看到@friendy，正如Beteraraba所说：CSS有：hover伪类。这意味着只有当鼠标悬停在元素上方时，才会应用该类。这是一个非常强大的功能！在重新缩进代码后，我发现您的主体有一个CSS属性无法关闭。在

#000

text-shadow: #CCC 0px 0px 0px;

text-shadow: #CCC 0px 0px 4px;

text-shadow: #CCC 2px 4px 0px;

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>