Question

我有一个图像，我希望它像一个按钮来执行一个java脚本onclick它，一切都工作正常，除非我点击图像它返回到页面顶部，我希望它当我点击链接图像时，页面停留在我正在滚动的相同位置（例如页面的中间）。这是我的代码

<a id="dell" href="#"><img src="images/logo80.png" width="80" height="80" alt="Dell" /></a>

Answer 1

您必须阻止a标记的默认操作，否则它将使用href。

在事件处理程序中尝试此操作。

$(document).ready(function() {
    $("#dell").click(function(e) {
        e.preventDefault();
        $("#boarder").toggle(500);
    });
});

另一个想法是，如果你没有使用它来导航某个地方，你实际上不需要一个标签。

Answer 2

您无需用

包围它

<a>

标签，这是将您带到文档顶部的内容（href =“＃”）。

如果要将光标设置为手形图标，请通过css：

进行操作

img { cursor: hand; cursor: pointer; }

Answer 3

以下是使用内联javascript的示例。

<a id="dell" href="#" onclick="alert('hello world!'); return false;"><img src="http://static.adzerk.net/Advertisers/37332fa8c2654aef804e417e3788e977.png" width="80" height="80" alt="Dell" /></a>

Answer 4

问题在于你的标签。你设置了一个href ='＃'，这意味着“重新加载”，这就是浏览器带你到页面的原因。

要在点击时设置javascript事件，请尝试以下操作：

否则还有其他方法，如属性onclick ='nameOfYourFunction（）' 或jQuery事件。

图像作为HTML按钮

4 个答案: