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

我知道这种情况有多种变化，但我努力使其工作。如何在另一个DIV的HOVER期间显示DIV？

我正在尝试一些非常接近yellowpages.com的东西只要做一个搜索披萨，或任何事情，以获得结果填充。

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

解释最好的方法是如果我能够在整个列表的主容器上悬停时更改“页脚”的z索引。

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

来源

2012-06-10 user1447679

嗨，是否有任何解决方案为您工作？ – Future2020

是的，我非常抱歉，这样的延迟反应。非常感谢您的帮助。我能够使用你的例子来完成我的任务。 – user1447679

在jQuery中这样做很容易。要显示或隐藏一个div你可以使用：

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

当然假定您已经定义了您的div已经

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

所以你的最终代码显示是这个样子

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

来源

2012-06-10 19:49:25 Future2020

像这样：

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

以下是Working jsFiddle showing z-index changes on hover.的一个示例

来源

2012-06-10 19:53:46 Ohgodwhy

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

回答

相关问题