javascript - 内容 slider 问题 javascript

Question

好的，大家好，我正在尝试制作一个像 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>

它的作用是当鼠标悬停切换行“sect”时，我有多个////\javascript 代码，我相信有四个，来调用每个不同的 div。问题是 style="display:none;"使得根本没有图像。我想要的是，当鼠标移出 sect 或 Page1 时，它会一直停留在该位置，直到鼠标悬停在 page2 或任何其他页面上...我该怎么做？

Answer 1

好吧，我一切都正常了。我所做的就是删除

} else { 
    hideRow(mainsect) 
} 

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

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

一切都运转良好，花花公子。虽然在 jsfiddle 中它不起作用，所以尝试找出更多答案。