0

如果您将鼠标悬停在图像按钮上，我有一个覆盖 div 的脚本。

这适用于一个实例，但如果结果不止一个（在 mysql 循环中），则覆盖框将保留最顶部的结果。我怎样才能让这个跟随并跳下来列出每个结果，而不仅仅是第一个？如果将鼠标悬停在列表下方的每个按钮上，它会弹出，但弹出窗口的位置不会向下移动。

我确信这与位置有关：绝对与相对等。但是当我更改这些时，脚本不再起作用。不确定是否有替代此叠加功能的方法？

最终结果是我有一个结果列表供客户查看。每个列表都有按钮，他们可以将鼠标悬停在其中以查看注释。

// 循环中的 div...

<div style="float:left; position: relative;" onmouseover="callMouseOver()" onmouseout="callMouseOut()">
<img style="padding:0 12px 0 12px;" src="/images/llm/button-account-notes.png">
    <div id="child" class="areas_served_container shadow">
    pop up content
    </div>
</div>

// 页脚中的脚本

<script language="javascript">
function callMouseOver(){
document.getElementById("child").style.display = "inline";
}

function callMouseOut(){    
document.getElementById("child").style.display = "none";    
}
</script>

// 覆盖的 div 样式表

.areas_served_container {
display: none; position: absolute; 
top:44px; left:94px; 
z-index:999px; 
width:350px; padding:20px; 
}
4

1 回答 1

1

你不能有多个相同的元素id。它必须是独一无二的。然后你必须为你的函数添加参数。但是你应该使用 jQuery 而不是发明轮子。

于 2013-02-19T19:46:43.130 回答