-4

<p>リンクがホバーされたときに要素を非表示にしようとしています。サイトはで実行されており、ナビゲーションバー用のモジュールをdrupal使用しています。superfishナビゲーションリンクにカーソルを合わせると、セカンダリナビゲーションバーがドロップダウンします。

私がしたいのは、ウェブサイトのスローガンが消えるためにセカンダリナビゲーションバーがドロップダウンしたときです。言い換えれば、私は二次ナビゲーションバーがスローガンを覆い隠すか、その代わりになりたいのです。これを機能させる方法について何かアイデアはありますか?

4

2 に答える 2

1

次のようなJavaScriptを使用できます。

<a href="#" id="hoverthis" onmouseover='document.getElementById("disappear").style.display="none";'>When you over this, the second div with disappear.</a>

<p id="disappear">I will disappear when hoverthis is hovered.</p>

上記のスクリプトは、要素(この場合はp)を設定して、CSSコードdisplay:noneをidのdivに適用しますdisappear。JavaScriptを設定して、任意のCSSプロパティを仮想的に必要なものに適用できます。JavaScriptを使用してdivを再表示できるように。これは、次のようにjQueryを使用して実行することもできます。

$('#disappear').hide();

またはDOMから削除するには:

$('#disappear').remove();

またはそれを再表示させるために:

$('#disappear').show();

これは省略形です。次のようなことを行うようにjQueryを設定することもできます。

$('#disappear').css("display","none");

上記のコードを使用すると、純粋なJavaScriptソリューションと同様に、任意のCSSプロパティを適用するように編集できます。

このスクリプトは、ニーズに合わせて編集できます。これが機能するかどうか、またはさらにサポートが必要な場合は教えてください。

これが役立つ場合は、この回答の近くにあるチェックをクリックすることを忘れないでください。それは本当に役に立ちます。ありがとう。:)

于 2013-01-15T03:01:10.010 に答える
0

さてここにあなたが話していることをする方法の例があります。

$(document).ready(function(){
    $('a').live({
        mouseenter:function(){
            $('p').hide();
        },
        mouseleave:function(){
            $('p').show();
        }
    });
});

明らかに、より具体的なセレクターを使用します。

フィドルの例

于 2013-01-15T03:05:26.763 に答える