Javascript 将鼠标悬停在链接上时始终更改背景图像

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

假设有5个链接[可乐][汉堡][牛][鸡][狗]

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

---

我想你明白了吗？

好吧，我会通过css使用ID（

#lnkCoke，#lnkBurger等

）和

：hover

pseude类来实现

---

但是如果你想用javascript来实现，我会使用数据属性（

）和鼠标事件（

onmouseover和onmouseout

）来改变背景图像。但CSS可以更简单地实现这一点，为什么还要使用JavaScript呢？@j08691还没有。只是先做我的布局。@DavidThomas我不确定我应该使用JS还是CSS。我想我会使用CSS。-1因为我已经尝试了“什么都没有”，我会尝试一下CSS。现在正在做我网站的主布局。