Question

大家好，所以我正在尝试制作像www.gamespot.com这样的可视化代码。我为每个div都有一个show / hide / toggle函数。

使用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;”使它完全没有图像。我想要的是，当它离开教派或Page1时，它会留在那里，直到鼠标悬停在第2页或任何其他页面上......我该怎么做？

Answer 1

好吧，我把一切都搞定了。我做的是删除

} else { 
    hideRow(mainsect) 
}

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

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

一切都很好，花花公子。虽然在jsfiddle中它不起作用，所以试图想出更多。

内容滑块问题javascript

1 个答案: