1

私はこのスクリプトを使用しています: http://www.teylyn.com/wp-content/uploads/2012/03/MegaMenuScript.txt

ナビゲーション ボタンからマウスを離した後も、ドロップ ダウンが長引く/下に留まります。

これが私のコードです：

<ul id="topnav" style="z-index: 1000;">
    <li class="toplevel about">
        <asp:HyperLink runat="server" ID="lnkAbout" NavigateUrl="~/Aboutus/Default.aspx" Text="About Us" CssClass="about" />
        <div class="sub">
            <asp:Menu ID="mnAboutUs" runat="server" DataSourceID="smdsAboutUs" RenderingMode="List" SkipLinkText="" Orientation="Vertical" StaticEnableDefaultPopOutImage="false" DynamicEnableDefaultPopOutImage="false" />
        </div>
    </li>
    <li class="toplevel equipment">
        <asp:HyperLink runat="server" ID="lnkEquipment" NavigateUrl="~/Equipment/Default.aspx" Text="Equipment" />
        <div class="sub">
            <asp:Menu ID="mnEquipment" runat="server" DataSourceID="smdsEquipment" RenderingMode="List" SkipLinkText="" Orientation="Vertical" StaticEnableDefaultPopOutImage="false" DynamicEnableDefaultPopOutImage="false" />
        </div>
    </li>
</ul>

スタイルは次のとおりです。

div.sub
{
    height: 1500px;
    display: none;
    z-index: 99999;
    position: absolute;
}
li.toplevel
{
    float: left;
    display: block;
    position: relative;
    z-index: 99999;
}
li.toplevel a
{
    color: #000000;
    display: block;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 36px;
    position: relative;
    z-index: 99999;
    text-align: center;
    text-decoration: none;
    border-left: 1px solid #FD3;
    border-right: 1px solid #D90;
}

マウスオーバーしたときに、2番目の機器divクラス「サブ」を非表示にするにはどうすればよいですか?

4

1 に答える 1

1

マウスオーバーイベントでこれを試してください：

$(".sub").eq(1).hide(); //the number after eq() is the index of the element that contain the sub class

幸運を！

于 2012-06-25T23:07:42.240 に答える