JavaScript HTML，来自IMG标签的可点击按钮

Question

I am trying to do a clickable button with javascript. I am doing the following

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

What am I missing with events? By the way, I did it before by encapsulating events in single initAll foo makes the button clickable but slow on the server.... When I click it opens the link before I see my button pressed animation... Any info?

Answer 1

Do you really want to use javascript here? Maybe CSS will fit your needs better?

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

Answer 2

您是否尝试过使用jquery的.animate，然后在回调函数中将用户发送到链接？

Answer 3

尝试更换this用document.getElementById("nav")看看它做任何事情。