JavaScript 覆盖 href 链接

Question

我有 3 个用于按钮的图像，我将它们称为 IA、IB 和 IC。

还有 4 个功能。 MouseOver、MouseOff、MouseDown、MouseUp

• IA 在页面上加载为默认图像，zindex 为 100
• IB 加载到 zindex 为 89 的页面上
• IC 加载到 zindex 为 10 的页面上

js的意思

IA = {on MouseOver IA zindex 从 100 变为 1}

IB = {on MouseOff IA zindex 从 1 变为 100 : on MouseDown IC zindex 从 10 变为 120}

IC = {在 MouseDown IC 上 zindex 从 10 变为 120 : 在 MouseUp IC 上 zindex 从 120 变为 10}

当我使用这些函数（主要是 IC 函数）时，<a> 类中的 href 不再起作用，并且无法导航到新页面。我怎样才能让它在鼠标点击时导航到新页面？

包含 Html、JavaScript 和 CSS 的完整代码可以在这里找到：http://jsbin.com/casoy/2/edit?html,css,js,console,output

A=""
function mouseover1() {
    document.getElementById(A).style.zIndex="1"
}
function mouseoff1() {
    document.getElementById(A).style.zIndex="100"
}
function mouseclick1() {
    document.getElementById(A).style.zIndex="120"
}
function mouseunclick1() {
    document.getElementById(A).style.zIndex="1"
}

可以在http://officialacescottie.co.uk实时查看带有按钮的完整预览

Answer 1

这个效果可以只用 CSS 来完成，不需要任何 JavaScript。试试看http://jsbin.com/casoy/8/edit