Question

我尝试了一个CSS解决方案但不起作用（我相信这是我正在使用的软件或服务器的错误）。现在正在寻找java解决方案。

简单地说，我希望在悬停时显示文字。

这是我想出来的但它不起作用（我是菜鸟）....

<DIV class="spire-menu">
    <DIV class="menu-item">Hello1</DIV>
    <DIV>Hello2</DIV></DIV>

计划是让Hello2显示出来。 Hello1只会在悬停时显示。

$(".spire-menu").hover(function () {
    $(this).find('.menu-item').show();
}, function () {
    $(this).find('.menu-item').hide();
});

Answer 1

使用CSS代替JQuery更好。但如果它不起作用，这里是JQuery解决方案

<div class="spire-menu">
    <DIV class="menu-item" style="display:none;">Hello1</DIV>
     <DIV style="position:absolute;top:25px;">Hello2</DIV>
</div>

jQuery的：

$(function(){
    $(".spire-menu").hover(function(){
      $(this).find(".menu-item").fadeIn();
    }
                    ,function(){
                        $(this).find(".menu-item").fadeOut();
                    }
                   );        
});

Here's the working Demo

希望它对你有用。

仅使用JS在悬停时显示文本

1 个答案: