Немного кривой пример, но для вашего случая подойдет, я думаю. Обратите внимание, что тут в качестве выпадающего используется меню popup, вместо обычного left
| Код |
|---|
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?><?
$sMenu = '
<table width="100%" cellspacing=0 cellpadding=0 border=0>
<tr>
<td><img src="/bitrix/templates/'.SITE_TEMPLATE_ID.'/images/topmenu_lc.gif" alt=""></td>
';
for($i=0; $i<count($MENU_ITEMS); $i++)
{
$MENU_ITEM = $MENU_ITEMS[$i];
extract($MENU_ITEM);
$id = "topmenu".$i;
$sMenu .= '
<td width="0%">
';
$popup_menu = new CMenu("popup");
$popup_menu->Init($LINK, true);
if(count($popup_menu->arMenu) > 0)
{
$popup_menu->template = "/bitrix/templates/".SITE_TEMPLATE_ID."/popup.menu_template.php";
$sMenu .= '<div style="margin-top:15px; position:relative; width: 100%;">';
$sMenu .= '<div onMouseOver="show('.$i.')" onMouseOut="hidden('.$i.')" id="menu'.$i.'" style="visibility: hidden; position: absolute; z-index: +1; top: 0px;" >';
$sMenu .= $popup_menu->GetMenuHtmlEx();
$sMenu .= '</div></div>';
}
$sMenu .= '
</td>
<td class="topmenu" nowrap onmouseover="show('.$i.'); this.className=\'topmenu_a\'" onmouseout="hidden('.$i.'); this.className=\'topmenu\'" width="0%"><a href="'.$LINK.'">'.$TEXT.'</a></td>
';
}
$sMenu .= '
<td><img src="/bitrix/templates/'.SITE_TEMPLATE_ID.'/images/topmenu_rc.gif" alt=""></td>
<td width="100%"></td>
</tr>
</table>
';
?> |
В CSS topmenu_a - стиль активной позиции меню, topmenu - обычная
