-1

ここでは、hoever menu pop-up window を使用しましたが、デフォルトの window が表示されます。ホバーすると サブメニュー1 ウィンドウが変わります。頻繁に発生します。私は私の範囲まで研究しました。解決策がわかりません。より良い解決策を提案してください。私のコーディングは次のとおりです

<div class="csn-navigation" style="background-color:Fuchsia;">
<div class="wrapper">
    <ul class="navigation">
        <li id="cars-for-sale" >
            <a href="submenu1.aspx">Main Menu
                <i class="icon-caret">&nbsp;</i>
            </a>
                <div id="dd" class="menu-panel">
                    <span class="arrow">&nbsp;</span>
                        <div class="menu-links">
                            <ul class="menu-links" ">
                                <li id="" class="vip first" onmouseover='fnSubhover("er");'>
                                    <a href="submenu1.aspx">Sub Menu1</a>
                                </li>
                                <li id="" class="vip">
                                    <a href="submenu1.aspx">Sub Menu2</a>
                                </li>
                                <li id="" class="vip">
                                    <a href="submenu1.aspx">Sub Menu3</a>
                                </li>
                                <li id="" class="vip">
                                    <a href="submenu1.aspx">Sub Menu4</a>
                                </li>
                            </ul>
                        </div>
                        <div id="" class="menu-content" > <%-- Content of Default Menu --%>
                            <div class="category browse-body-types">
                                <ul>
                                    <li>
                                        <a href="submenu1.aspx">
                                            <img src="forward.png"/>
                                        </a>Window1
                                     </li>
                                 </ul>
                              </div>


                    </div>
                    <div id="Div1" class="menu-content" > <%-- Content of Sub Menu1 --%>
                            <div class="category browse-body-types">
                                <ul>
                                    <li>
                                        <a href="submenu1.aspx">
                                            <img src="forward.png"/>
                                        </a>Window1
                                     </li>
                                 </ul>
                              </div>


                    </div>
                 </div>


          </li>
     </ul>
 </div>


            function fnSubhover(id) {
                document.getElementById("d1").style.display = "block";
                document.getElementById("dd").style.display = "none";

            }

        </script>
4

1 に答える 1

2

私の理解が正しければ、それ以外のすべての div を非表示にしたいですか? 簡単なクエリでそれを行うことができます：

function fnSubhover(id) {
    $('div').css('display','none');
    $('#d1').css('display','block');
}
于 2013-03-15T03:45:15.670 に答える