在悬停在链接上时始终如一地更改背景图像

Question

是否可以有一行链接，当鼠标悬停在其中一个链接上时，背景会淡入设置为该链接的背景图像。

让我们说theres 5链接[可乐] [汉堡] [牛] [鸡] [狗]

当您加载网页时，只有原始背景，但是当您将鼠标悬停在[鸡]上时，背景图像会变为鸡，然后如果您将鼠标悬停在[Coke]上，则可以将cocacola徽标作为背景。

我想你明白了吗？

Answer 1

好吧，我会用css使用ids（#lnkCoke, #lnkBurger, etc.）和:hover pseude-class

来做到这一点

但是如果你想通过javascript来实现，我会使用数据属性（<a href="..." data-altBG="...">Coke</a>）和鼠标事件（onmouseover and onmouseout）来更改背景图像