2016-06-21 74 views
0

我想让图像在悬停时“转向”另一个图像。所以,基本上在页面上有一个图像(image1.png),当它悬停时,它应该只显示另一个想像(image2.png)而不是第一个。 我试图用这个和它的工作原理非常清楚:智能设备的鼠标悬停

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

图像都没有联系,这就是为什么我没有使用任何“悬停”的解决方案。

但是,现在我只是意识到它只能在计算机上工作,而不能在智能设备上工作,因为他们没有真正的悬停功能。但是由于该网站有不少智能设备用户,因此它对于他们来说也非常重要。

有没有解决方案?

我的JS技能非常有限,所以我还没有弄明白。

在此先感谢您的帮助!

+0

看看这个:http://stackoverflow.com/questions/2851663/how-do-i-simulate-a-hover-with-a-touch-in-touch-启用浏览器也是这样:http://www.hnldesign.nl/work/code/mouseover-hover-on-touch-devices-using-jquery/ – Archish

回答

0

我个人的经验,它能够更好地使用CSS这些类型的东西,你可以指定CSS绝对路径没有必要对图像的链接(../../。)

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