使用鼠标悬停将用户转到新页面

Question

因此，对于一项作业，我需要向用户描述图像。按照导师希望的方式，我需要使用 "mouseover" javascript 方法将用户发送到描述图像的页面。

这是我目前拥有的，但我无法让它工作。

<div class="image1"> 
<img id="solomid" src="Team_SoloMid.png" alt="Team Solomid Logo" style="width:300px;height:228px">
</div> 


<script type="text/javascript"> 
document.getElementbyId("solomid").addEventListener("mouseover", Mouseover); 

function Mouseover(){
window.location = "https://en.wikipedia.org/wiki/Team_SoloMid";
}
Mouseover();
</script>

谁能帮帮我？我对此有几个变体，但我永远无法让鼠标悬停实际将用户重定向到页面。是的，该页面是关于联盟的，编写关于我感兴趣的东西的程序有助于打破单调。

Answer 1

document.getElementbyId 不是函数。 "by"中的"b"必须大写。此外，删除行 Mouseover(); 以便用户不会立即重定向。

Answer 2

你可以这样做..

    <div class="image1">
        <img id="solomid" onMouseOver="document.location.href='https://en.wikipedia.org/wiki/Team_SoloMid'" src="Team_SoloMid.png" alt="Team Solomid Logo" style="width:300px;height:228px">
    </div>

使用鼠标悬停将用户转到新页面

Using Mouseover to Send the user to a new page

javascript

image

mouseover

hyperlink