Question

因此，对于作业，我需要向用户描述图像。教师想要完成的方式，我需要使用“鼠标悬停”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>

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

2 个答案: