如何在悬停图像上显示图标，而颜色链接也会改变

Question

当鼠标悬停在图片或链接上时，如何让链接改变颜色和图片有一个带有十字图标的悬停效果？

Fiddle is here.

我不明白如何添加图标。

Answer 1

很遗憾，您的问题令人困惑。

如果您希望更改鼠标光标（它当前位于“指针”上，即手指向），那么您将更新您的.hover-effect 类。像这样：

cursor: pointer; /* change this to cursor: crosshair */

crosshair是你提到的十字图标的正式名称；您可以在 MDN 的光标页面的语法部分找到各种光标样式（参见 CBroe 提供的编辑）。

如果您希望更改文本链接颜色和图像颜色，您想提出一个单独的问题。 JavaScript & jQuery（甚至 CSS）将能够帮助你；研究这些语言以获取更多信息。

现在，这里是an updated JSFiddle，它将光标更改为十字准线并在悬停时更改文本链接颜色。

我清理了你的代码，因为很多东西是不必要的。希望这会有所帮助，祝你好运！