智能設備的鼠標懸停

我想讓圖像在懸停時「轉向」另一個圖像。所以，基本上在頁面上有一個圖像（image1.png），當它懸停時，它應該只顯示另一個想像（image2.png）而不是第一個。我試圖用這個和它的工作原理非常清楚：智能設備的鼠標懸停

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

圖像都沒有聯繫，這就是爲什麼我沒有使用任何「懸停」的解決方案。

但是，現在我只是意識到它只能在計算機上工作，而不能在智能設備上工作，因爲他們沒有真正的懸停功能。但是由於該網站有不少智能設備用戶，因此它對於他們來說也非常重要。

有沒有解決方案？

我的JS技能非常有限，所以我還沒有弄明白。

在此先感謝您的幫助！

來源

2016-06-21 Janne

看看這個：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

我個人的經驗，它能夠更好地使用CSS這些類型的東西，你可以指定CSS絕對路徑沒有必要對圖像的鏈接（../../。）

同樣，你不能有懸停在移動設備上，但您可以將懸停更改爲觸摸點擊。這裏目前正在討論這裏：Changing :hover to touch/click for mobile devices

來源

2016-06-21 11:08:40 rocktopus

智能設備的鼠標懸停

回答

相關問題