Question

我想创建一个主页，当悬停在菜单栏上时，三个图像交换。以下鼠标悬停脚本适用于PC，但不适用于iPad。我怎么能解决这个问题？

<a style="text-decoration:none" href onmouseover="myFunction()">
    <h2>Investments by strategy</h2>
</a>


<a style="text-decoration:none" href onmouseover="myFunction2()">
      <h2>Investments by geography</h2>
</a>      

      <a style="text-decoration:none" href onmouseover="myFunction3()">   
    <h2>Investments by type</h2>
</a>      





<script>
function myFunction() {
    document.getElementById("myImg").src = "images/img002.png";
}

function myFunction2() {
    document.getElementById("myImg").src = "images/pie2.png";
}


function myFunction3() {
    document.getElementById("myImg").src = "images/test.png";
}


</script>

Answer 1

iPad（或任何其他触摸屏设备）不支持鼠标悬停效果。简而言之，你无法“解决”这个问题。

（好吧，你的设备无法检测到你的手指在屏幕上悬停的位置，对吗？）

Javascript悬停效果在iPad上不起作用

1 个答案: