Question

我正在使用此JavaScript来切换具有不同ID的某些div的可见性。它的工作原理我想要谷歌浏览器，甚至在互联网浏览器，但在Firefox中，当我悬停链接时，div不会改变其可见性。的javascript：

function loaded() { // this one is called in the body tag
    about.style.visibility='visible';
    last = about;
}

function toggle_visibility(id) {
    var e = document.getElementById(id);
    if (last!=e) {
        e.style.visibility = 'visible';        
        last.style.visibility='hidden';
        last = e;
    }
}

div的css：

#about {
    background-color:#D580FE;
    width:850px;
    height:500px;
    margin-left:auto;
    margin-right:auto;    
    margin-top:40px;
}

#portofoliu {
    background-color:#FF0000;
    width:850px;
    height:500px;
    margin-left:auto;
    margin-right:auto;    
    margin-top:-500px;
    visibility:hidden;
}

Answer 1

尝试从visibility:visible和visibility:hidden切换到display:block和display:none

所以...

function loaded() { // this one is called in the body tag  
about.style.display='block';  
last = about;

}

function toggle_display(id) {
var e = document.getElementById(id);
if (last!=e) {
    e.style.display = 'block';        
    last.style.display='none';
    last = e;
}

}

div的css：

#about {
background-color:#D580FE;
width:850px;
height:500px;
margin-left:auto;
margin-right:auto;    
margin-top:40px;

}

#portofoliu {
background-color:#FF0000;
width:850px;
height:500px;
margin-left:auto;
margin-right:auto;    
margin-top:-500px;
display:none;

}

Answer 2

尝试使用e以外的其他变量。它在Firefox中用作window.event变量。
您的代码应该有效如果未触发mouseover事件，则您的JavaScript中存在问题。
在某处发布页面，发布更多信息，或下载Firebug并自行调试。

firefox中的javascript问题

2 个答案: