悬停在链接上时不断更改背景图像

Consistently change background image upon hovering over a link

本文关键字：背景 图像 链接 悬停      更新时间：2023-09-26

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

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

当你加载网页时，只有原始背景，但当你悬停在[Chick]上时，背景图像会变成一只鸡，然后如果你悬停在[Coke]上，则会有cocacola标志作为背景。

我想你明白了吗？

好吧，我会通过css使用id（#lnkCoke, #lnkBurger, etc.）和:hover pseude类来实现这一点

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

相关文章：