代码之家  ›  专栏  ›  技术社区  ›  Anand Shah

在视图端口内显示一个DIV

  •  1
  • Anand Shah  · 技术社区  · 16 年前

    我有一个图像库,它以5x5矩阵显示图像。每个图像都有一个 onmouseover 函数,其中在隐藏的DIV中显示有关图像的某些详细信息,并且使用 onmouseout . 包含图像细节的DIV可能包含可单击的链接,因此我将在光标位置下显示该DIV。

    我面临的问题是第5列中的图像。如果包含细节的DIV有更多的内容,它会创建一个水平滚动条,细节会被切断。 如何始终在光标下的视图端口内显示details div?

    没什么,但代码在这里

    function eventRollOver(id) {
    
        var did = 'img_'+id;
        document.getElementById(did).style.display='';
    }
    function eventRollOut(id) {
        var did = 'img_'+id;
        document.getElementById(did).style.display='none';
    }
    

    多谢

    2 回复  |  直到 16 年前
        1
  •  0
  •   N 1.1    16 年前
        2
  •  0
  •   Gabriele Petrioli    16 年前

    你将需要使用CSS绝对定位的细节部分 position:absolute ,并从事件对象中提取鼠标位置( how-to )为了将鼠标的x和y值应用于Div.的左上CSS属性。