我有一个网站，我希望它这样做：当我单击页面左侧的图像时，页面向后移动，当我单击右侧的图像时，页面向前移动。我正确设置了所有内容，因此我尝试使用 css 简单地执行此操作，onmouseover 将页面的边距向右或向左移动这么多像素：
<p onmouseover="hoverForward" style="text-indent:-1000px;">
<div id="menu" style="height: 504px; width: 92px; position: absolute; z-index: 2; top: 62px; left: 1353px;">
<img src="image.jpg">
</div></p>
但这并没有给我任何结果。所以我尝试使用 w3Schools 中的一个示例用于 javascript onmouseclick：
function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
}
<p onmouseover="hoverForward" style="text-indent:-1000px;">
<div id="menu" style="height: 504px; width: 92px; position: absolute; z-index: 2; top: 62px; left: 1353px;">
<img src="image.jpg">
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
</div></p>
为了测试它，我尝试将按钮放在图像上。按钮在那里，但是当我单击它时它没有滚动。我做错什么了？看来我采取的第一种方法肯定会奏效。谢谢