我有一个图像,我希望它像一个按钮一样在其上执行 java 脚本 onclick,一切正常,除非我单击图像时它返回到页面顶部,我希望它保留页面当我单击链接图像时,在我滚动的同一位置(例如页面中间)。这是我的代码
<a id="dell" href="#"><img src="images/logo80.png" width="80" height="80" alt="Dell" /></a>
我有一个图像,我希望它像一个按钮一样在其上执行 java 脚本 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 标签导航到某个地方,您实际上不需要它。
你不需要用一个
<a>
标签,这就是将您带到文档顶部的内容(href="#")。
如果要将光标设置为手形图标,请通过 css 进行:
img { cursor: hand; cursor: pointer; }
这是一个使用内联 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>
那么问题只是关于你的标签。您设置了一个 href='#' 表示“重新加载”,这就是浏览器将您带到页面的原因。
为了在单击时设置 javascript 事件,请尝试以下操作:
否则还有其他方法,例如属性 onclick='nameOfYourFunction()' 或 jQuery 事件。