客户端如何在鼠标悬停时知道要显示哪个图标？

需要在HTML中为元素添加鼠标悬停事件并设置相应的函数，函数的作用是在触发鼠标悬停事件时更新元素中的图标。

例如，在以下HTML代码中，当鼠标悬停在元素上时会触发名为'displayIcon”的函数：

<div id="myElement" onmouseover="displayIcon()">
  <img id="myIcon" src="default.png">
</div>

下面是javascript代码示例，displayIcon函数通过获取ID为'myIcon”的元素并更新其src属性来改变图标：

function displayIcon() {
  var iconElement = document.getElementById("myIcon");
  iconElement.src = "hover.png";
}

这样一来，在鼠标悬停在'myElement”元素上时，'myIcon”元素的src属性就会更新为'hover.png”，从而实现了动态更换图标的效果。