JavaScript HTML,IMG 标签中的可点击按钮

标签 javascript html

我正在尝试使用 javascript 制作一个可点击的按钮。我正在执行以下操作

document.getElementById("nav").onmousedown = function() { this.src="img1.png"; return false;}
document.getElementById("nav").onmouseout = function() { this.src="img.png"; return false;
}

我在事件中缺少什么?顺便说一句,我之前通过将事件封装在单个 initAll foo 中来做到这一点,使按钮可单击,但在服务器上速度很慢......当我单击它时,会在看到按钮按下动画之前打开链接。 ..有什么信息吗?

最佳答案

你真的想在这里使用 JavaScript 吗?也许 CSS 更能满足您的需求?

#nav {
    background: url('img1.png') no-repeat 0 0;
}
#nav:active {
    background: url('img2.png') no-repeat 0 0;
}

关于JavaScript HTML,IMG 标签中的可点击按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8993612/

相关文章:

javascript - 处理 iframe 内的 Canvas 元素,例如使用 javascript 自动移动和滚动?

javascript - 将 Click 事件放在表格行上但排除其中一列

javascript - 使用jquery隐藏html元素后RequestVerificationToken值为空

javascript - 未提供 HTMLScriptElement 的所有属性时出现 typescript 错误

javascript - 弹出页面中的自动对焦(甚至对焦)?

javascript - 在循环中定位异步 AJAX 调用中的元素

html - 以 Angular 2 在模块级别应用 CSS

html - ASP RadioButtonList 元素下方内联

html - 网站无法在 IE 中正确显示。适用于 mozilla、chrome、safari 等

javascript - MongoDB 查询结果作为循环 Controller