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：在MouseDown IC上zindex从10变为120}

IC = {on 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

JavaScript覆盖href链接

1 个答案: