好的,大家好,我正在尝试制作一个像 www.gamespot.com 这样的视觉代码。我为每个 div 都有一个显示/隐藏/切换功能。
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 或任何其他页面上...我该怎么做?
最佳答案
好吧,我一切都正常了。我所做的就是删除
} else {
hideRow(mainsect)
}
这使得每次调用鼠标悬停功能时它都会隐藏,即使 div 已经打开,这是我不想要的。然后依次创建了这样的a href
<li><a href="javascript:void(0);" onMouseOver="toggleRow('sect')";hideRow('otherRow');hideRow('sect2');">Page 1</a></li>
一切都运转良好,花花公子。虽然在 jsfiddle 中它不起作用,所以尝试找出更多答案。
关于javascript - 内容 slider 问题 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11857244/