智能设备的鼠标悬停答案

【问题标题】：Mouseover for smart-devices智能设备的鼠标悬停
【发布时间】：2016-10-22 21:24:24
【问题描述】：

我希望一个图像在悬停时“变成”另一个图像。所以，基本上页面上有一个图像（image1.png），当悬停它时，它应该简单地显示另一个图像（image2.png）而不是第一个图像。我试过用这个，效果很好：

<img src='Image1.png' width='100' height='100'
 onmouseover="this.src='Image2.png';" 
onmouseout="this.src='Image1.png';" />

所有图片都没有链接，这就是我没有使用任何“悬停”解决方案的原因。

但是，现在我才意识到它只能在计算机上运行，而不能在智能设备上运行，因为它们并没有真正的悬停功能。但由于该网站有不少智能设备用户，因此它也适用于他们非常重要。

有解决办法吗？

我的JS技能很有限，所以还没弄明白。

提前感谢您的帮助！

【问题讨论】：

【解决方案1】：

我的个人经验，最好使用 CSS 来处理这些类型的事情，您可以在 CSS 中指定绝对路径，而不需要图像链接 (../../.)

同样，您不能在移动设备上进行悬停，但您可以将悬停更改为触摸点击。目前正在这里讨论：Changing :hover to touch/click for mobile devices

【讨论】：