0

したがって、基本的に私が探しているのは、5 つのコンテンツ タブを含むメニューで、これらの各タブの内部には約 7 つの項目があります。これらの各項目には、独自のサブメニューを持つ可能性が必要です。

css、javascript (jquery なし)、および html のみを使用して簡単に読み取りおよび更新できるように、これを構造化するための最良の方法を探しています。IE 8とも互換性がある必要があります（私にとってはPITAです）。

ヒントや提案をありがとう。

jsfiddle.net/nWxrY/2/

http://i.imgur.com/9NLc88W.png <- 私がやろうとしていることのイメージ

4

1 に答える 1

2

コードは onLoad (フィドルの左側) にラップされているため、機能しませんでした。

ここから構築できる小さな css ソリューションを作成しました。あなたのニーズに合っていることを願っています。[変更リクエスト] > [インフラストラクチャ サービス] の下に、最初の項目の下に別の CSS ベースのサブメニューがあります。

jsフィドル

#t4 に以下を追加しました。

<div class="mnuItem" id="chgInfrastructureMnu">
   <img src="arr1.pngx" style="margin:-35px 0px 0px -10px;position:absolute"/>
   <div class="mnuSubItem"><a href="#">item</a> <!-- this part I added -->
       <div class="mnuSub">
            <a href="#">subitem</a>
      </div>
   </div><br/>
       <a href="#">item</a><br/>
</div>

また、次の css を追加しました。

.mnuSubItem .mnuSub {
    display: none;
    position: absolute;
    left: 50px;
    top: 0;
}
.mnuSubItem {
    position:relative;
}
.mnuSubItem:hover .mnuSub {
    display: block;
}
于 2013-05-14T12:04:16.460 に答える