Question

当鼠标进入链接时，我需要打开一个div（或其他东西，dunno是什么）。但这个div不会移动其他div。它必须打开其他div（就像这个网站......当“popup / error”div超过其他div时。怎么做？透明？还是喜欢它的东西？

例如，如果我在链接语句中将某些东西写入title字段，那么会有一个小窗口向我显示我写的内容。喜欢它的人，但有一个div，或者当我可以放文字，图像，ecc时的其他东西。

作为另一个例子，在Facebook上，当我进入主墙并且用鼠标在用户的名字上时，它向我显示了一个包含更多细节的小窗口。当我打开聊天框时也一样：）

代码：

<div class="playerDetailsOff">
    Name : Marco<br />
    Surname : Daghine
</div>

<a class="viewt" href="#" onmouseover="viewPlayerOn('id1?>');return false" onmouseout="viewPlayerOff();return false">link 1</a>
<a class="viewt" href="#" onmouseover="viewPlayerOn('id2?>');return false" onmouseout="viewPlayerOff();return false">link 2</a>    
<a class="viewt" href="#" onmouseover="viewPlayerOn('id3?>');return false" onmouseout="viewPlayerOff();return false">link 3</a>    
<a class="viewt" href="#" onmouseover="viewPlayerOn('id4?>');return false" onmouseout="viewPlayerOff();return false">link 4</a>

function viewPlayerOn(val) {
    $('.playerDetailsOff').removeClass().addClass('playerDetailsOn');
}

function viewPlayerOff() {
    $('.playerDetailsOn').removeClass().addClass('playerDetailsOff');
}    

.playerDetailsOn{width:200px; height:100px; position:fixed;}
.playerDetailsOff{display:none;}

Answer 1

基本上你想要的是叠加层或灯箱（两个术语都很容易谷歌）。正如菲利克斯·克林指出你会想要绝对定位 - 或者你可以看看z-index（最高的z-index在上面）。

为了方便您使用示例代码，类似的问题应该可以帮助您入门：jQuery - How Do I Place a DIV On Overlay?

Answer 2

你想要overLIB。查看他们的主页以查看功能和文档。

问候，Alin

Answer 3

你可以使用这个：http://www.leigeber.com/2008/06/javascript-tooltip/。如果你不想使用JQuery，它是一个轻量级的JavaScript。

PHP＆amp; Jquery - 当鼠标进入链接时，打开一个小div而不是其他div

3 个答案: