当鼠标悬停在图像或链接上时，如何让链接更改颜色，并使图片与十字图标产生悬停效果？
菲德尔来了。
我不知道如何添加图标。
很遗憾，您的问题令人困惑。
如果您想要更改鼠标光标（它当前位于指针上，指针是一个指针），那么您需要更新.hover-effect类。像这样：
cursor: pointer; /* change this to cursor: crosshair */
crosshair是您提到的十字架图标的官方名称；您可以在MDN的游标页面的语法部分找到各种游标样式（请参阅CBroe提供的编辑）。
如果您希望更改文本链接颜色和图像颜色，则需要单独提问。JavaScript&jQuery（甚至CSS）将能够帮助您；研究那些语言以获取更多信息。
目前，这里有一个更新的JSFiddle，将光标更改为十字光标，<strong]将悬停时的文本链接颜色更改>。
我清理了你的代码，因为很多东西都是不必要的。希望这能有所帮助，祝你好运！