0

マウスを 1 つのリンクに重ねてシンプルなメニュー ヘッドを作成すると、div を表示するための簡単なコードを作成します。このアイデアは、リンクに移動すると 1 つの div が表示され、この div に移動して [i want over it] を選択する前に、しかし実際には私はリンクを介さないとdivが常に非表示になるため、何も選択できません

私のコードはこれです：

<style>
#menu_content_head
{
top:125px;
position:absolute;
width:200px;
min-height:100px;
height:auto;
border:1px solid #000000;
background-color:green;
}
</style>


<script>
function menu_head(id)
{

$(document).ready(function() {

$("#h1").hover(function () {
$(".head_m_1").show( "slide", {direction: "up" }, 2000 );
});

$("#h1").mouseout(function () {

$(".head_m_1").hide( "slide", {direction: "up" }, 2000 );
});


});


}
</script>


<div id="web_header_menu_boton">
<a href="#" onmouseover="menu_head('head_m_1');" id="h1">Menu 1</a>
</div>


<div id="menu_content_head" style="display:none;" class="head_m_1">Content 1</div>

投稿されたコードの JS Fiddle 複製。

問題点 ：

1 ) アニメーションが 1 回以上繰り返されます。理由はわかりません ..... stop() を使用しますが、うまくいきません 2 ) リンクにアクセスすると、最初の瞬間に show の効果が表示されませんdiv、私は作品のために別の時間にリンクに行く必要があります

修正が必要な3つのこと、試してみましたが、これを行う方法がわかりません。これ以上何も必要ありません。複雑なメニューやプラグインは必要ありません

助けてくれてありがとう、よろしく!!!

4

1 に答える 1

0

このフィドルを試してください

$(document).ready(function() {

    $("#h1").hover(function() {
        $(".head_m_1").show(2000);
    });

    $("#h1").mouseout(function() {

        $(".head_m_1").hide(2000);
    });
});

まず、HTML または menu_head 関数でマウスオーバー ハンドラーをまったく必要としません。第二に、それらの引数のオーバーロード.show()や取得はありません。ドキュメントhide()を確認してください。

おそらく、あなたは.slideUp()を探していて、それはパートナー.slideDownですか?

于 2012-11-17T21:36:03.237 に答える