CSS JSドロップダウンメニュー：画像リンク

Question

を超えてホバリングエリアを拡張私はwww.accenture.com

に見られるようなナビゲーションを複製しようとしているそして、これは私がこれまでに達成することができていたものです： http://alfadesigntech.com/new/pages/inside-page-template.html

私は、実際にはより多くのリンクを持つ隠れたdivであるドロップダウンメニューを表示/非表示にするためにJavaスクリプトを使用しました。問題は、メニューボタンを離すとすぐに、ドロップダウンメニューがもう一度隠れることです。私は遅延onmouseoutを使用することができますが、私が探している解決策ではありません。

私の限られた知識として考えられる解決策は、何とか隠れたボックスを覆うようにホバリング領域を拡張することです。どうすればこれを達成できますか？代わりの解決策はありますか？

すべてのヘルプは非常..事前に感謝を理解されるであろう。..

Psと。私はJavaScriptの知識が限られています。

Answer 1

リンクを使ってdivを1つのコンテナ内にトリガするアンカーを置くことができます。役立つはずです。

<div id="menu-item-1" onmouseover=....> 
    <img/> 
    <div class="links">Show us on mouseover and hide on mouseout</div> 
</div> 

多くの場合、特定のマークアップに依存しますが、

リンクパネルが開いている場合は可能ですが、マウスを外してマウスをアンカーイメージ上に置かないと非表示になります。