Версия для печати темы

Нажмите сюда для просмотра этой темы в оригинальном формате

WinCity.Ru _ Web-дизайн _ Меню

Автор: mmm44 Вторник, 13 Декабря 2005, 14:55

Подскажите как можно сделать, чтобы при наводке (нажатии) курсора, на кнопку или другой элемент разметки выподало меню с сылками на другие страницы? banned.gif

Автор: BillyBoom Среда, 14 Декабря 2005, 8:47

Для этого надо знать жабу скрипт), но если нет, то могут помочь специальные проги типа Cool Menu, но там тоже нужно адаптировать под другие браузеры, изначально они работают под эксплорер.

вот тебе код, разберешь что к чему, тестировал под Мазилу Оперу и Эксплорер, работает нормально wink.gif

Код

<table bgcolor="#E9D8BA" border="0" cellpadding="0" cellspacing="0" width="" height="22">
   <tr>
   
    <td width="70" align="left"   onMouseover="document.getElementById('sub').style.visibility='visible'" onMouseout="document.getElementById('sub').style.visibility='hidden'" align='center' style='padding-left: 3px; padding-right: 3px; border-right-style: solid; border-right-color: #ffffff; border-right-width: 1px;'>
        <a href="your_page"  target="_parent">menu</a>
     <br><div align="left" id="sub" style="position:absolute; visibility:hidden; z-index:10;" onMouseout="this.style.visibility='hidden'" onMouseover="this.style.visibility='visible'">
     <table cellpadding="0" cellspacing="0" align="left">
    <tr>
     <td nowrap style="background-color:#E9D8BA;border:solid 1 #ffffff;" onMouseover="this.style.background='#FAF1E2'" onMouseout="this.style.background='#E9D8BA'" style="cursor:hand" onClick="document.getElementById('sub').style.visibility='hidden';window.location='your_ssil'"><a href="your_ssil">sub_menu1</a></td>
    </tr>
    <tr>
     <td  nowrap style="background-color:#E9D8BA;border:solid 1 #ffffff;" onMouseover="this.style.background='#FAF1E2'" onMouseout="this.style.background='#E9D8BA'" style="cursor:hand" onClick="document.getElementById('sub').style.visibility='hidden';window.location='your_ssil'"><a href="your_ssil">sub_menu2</a></td>
    </tr>
   </table>

Автор: mmm44 Среда, 14 Декабря 2005, 9:10

Спасибо за подсказку!!! Все работает как надо! biggrin.gif

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)