1

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();
});
4

1 に答える 1

0

JQuery の代わりに CSS を使用することをお勧めします。しかし、うまくいかない場合は、ここに 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();
                    }
                   );        
});

これが実際のデモです

それがあなたのために働くことを願っています。

于 2013-07-13T04:53:15.053 に答える