图像作为html按钮

Image as an html button

本文关键字：按钮 html 图像      更新时间：2023-09-26

我有一个图像，我希望它像一个按钮来执行一个java-script onclick在它上，一切都很好，除了当我点击图像它返回到页面的顶部，我希望它的页面停留在相同的地方，我滚动(例如页面的中间)当我点击链接图像。这是我的代码

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

你必须阻止a标签的默认动作，否则它会使用href.

在事件处理程序中试试。

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

另一种想法是，如果你不是用它来导航，你实际上不需要a标签。

下面是一个使用内联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>

你不需要用

<a>

标记，这是将您带到文档顶部的内容(href="#")。

如果你想将光标设置为一个手形图标，可以通过css:

img { cursor: hand; cursor: pointer; }

问题就在于你的标签。你已经设置了一个href='#'，意思是"重新加载"，这就是浏览器把你带到页面的原因。

要设置一个javascript事件点击，请尝试以下操作:

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

相关文章：