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

Using Mouseover to Send the user to a new page

本文关键字：新页面 用户 鼠标 悬停      更新时间：2023-09-26

因此，对于一个分配，我需要向用户描述图像。按照导师的要求，我需要使用"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>

有人能帮我吗?我有几个变体，但我永远不能让鼠标移到实际重定向用户到一个页面。是的，这个页面是关于《英雄联盟》的，编写关于我感兴趣的东西的程序有助于打破单调。

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

你可以这样做…

    <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>
相关文章：