1

好的，所以我正在尝试制作像 www.gamespot.com 这样的可视化代码。我对每个 div 都有一个显示/隐藏/切换功能。

jsFiddle

Javascript：

<script language="javascript" type="text/javascript">
//<!--

function showRow(mainsect){
if (document.getElementById(mainsect)) {
        document.getElementById(mainsect).style.display = ''; 
    }
}

function hideRow(mainsect){
if (document.getElementById(mainsect)) {
    document.getElementById(mainsect).style.display = 'none';
}
}

function toggleRow(mainsect){
if (document.getElementById(mainsect)) {
    if (document.getElementById(mainsect).style.display == 'none') {
        showRow(mainsect)
    } else {
        hideRow(mainsect)
    }
}
}


//-->
</script>
  <script type="text/javascript">
window.onload=function('hideRow';) {
toggleRow('mainsect');
};
</script>

好的，我为每个 div 使用的 html 是

<li><a href="javascript:void(0);" onMouseOver="toggleRow('sect')" onMouseOut="toggleRow('sect')">Page 1</a></li>

当它 mouseOver togglesRow 'sect' 并且我有多个这样的 ////\ javascript 代码（我相信有四个）来调用每个不同的 div 时，它的作用是什么。问题是 style="display:none;" 做到了，所以根本没有图像。我想要做的是，当鼠标移出 sect 或 Page1 时，它会一直停留在该页面上，直到将鼠标悬停在 page2 或任何其他页面上……我该怎么做？

4

1 回答 1

0

好的，我一切正常。我所做的是删除

} else { 
    hideRow(mainsect) 
}

每次调用鼠标悬停功能时都会隐藏它，即使 div 已经打开，这是我不想要的。然后反过来创建了这样的a href

<li><a href="javascript:void(0);" onMouseOver="toggleRow('sect')";hideRow('otherRow');hideRow('sect2');">Page 1</a></li>

一切正常，花花公子。虽然在 jsfiddle 中它不起作用，所以试图找出更多。

于 2012-08-09T01:08:05.100 回答