Hello,
Menu has the following structure:
| Code: |
<div class="ux-menu-container">
<!-- UL elements contains additional CSS class ux-menu-horizontal for horizontal menu or ux-menu-vertical for vertical menu -->
<ul class="ux-menu">
<li class="ux-menu-item-main">
<a class="ux-menu-link-first"></a>
</li>
...
<li class="ux-menu-item-main">
<a class="ux-menu-link-parent"></a>
<ul class="ux-menu-sub">
<li>
<a class="ux-menu-link-first ux-menu-link-parent"></a>
<ul class="ux-menu-sub">
... sub-menu items goes here ...
</ul>
</li>
...
<li>
<a></a>
</li>
...
<li>
<a class="ux-menu-link-last"></a>
</li>
</ul>
</li>
...
<li class="ux-menu-item-main">
<a></a>
</li>
...
<li class="ux-menu-item-main">
<a class="ux-menu-link-last"></a>
</li>
</ul>
</div>
|
Hovered menu item has "ux-menu-link-hover" CSS class.
PS: If you use FireFox browser, you can investigate menu structure with help FireBug addon.
Regards,
ARI Soft
