Question

我知道这种情况有多种变化，但我很难让它发挥作用。

我正在尝试一些非常接近yellowpages.com的东西。只需要搜索披萨，或任何有关此事的东西，以便获得结果。

注意每个元素悬停时如何显示“DIV”？每个列表底部的操作？我需要这样做。我有一个非常类似的项目，我正在根据数据库内容创建列表。

最好的解释方法是，当我将鼠标悬停在整个列表的主容器上时，能够更改“页脚”的z-index。

这是我在这个网站上的第一篇文章..非常感谢你的帮助。

Answer 1

在jQuery中执行此操作相当容易。要显示或隐藏div，您可以使用：

$(".moreInfoDiv").show();
$(".moreInfoDiv").hide();

当然假设你已经定义了你的div

<div class="div1">
<div class="moreInfoDiv">

所以你的最终代码展示看起来像这样

$('.div1').hover(
    function() {
       $(".moreInfoDiv").show();
    },
    function() {
        $(".moreInfoDiv").hide();
    }
);

Answer 2

像这样：

$(function(){
  $('#div1').hover(function(){
    $('#div2').css('z-index', '10');
  }, function(){
    $('#div2').css('z-index', '0');  
  });       
});

以下是Working jsFiddle showing z-index changes on hover.

的示例

如何在HOVER期间在另一个DIV上显示DIV？

2 个答案: