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 changes from 100 to 1}

IB = {on MouseOff IA zindex changes from 1 to 100 : on MouseDown IC zindex changes from 10 to 120}

IC = {on MouseDown IC zindex changes from 10 to 120 : on MouseUp IC zindex changes from 120 to 10}

当我使用这些函数(主要是 IC 函数)时，<a> 中的 href类(class)不再有效，并且不会导航到新页面。我怎样才能让它在鼠标点击时导航到新页面？

包括 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