За последние 24 часа нас посетили 16677 программистов и 1589 роботов. Сейчас ищут 1382 программиста ...

как сделать выезжающее меню?

Тема в разделе "JavaScript и AJAX", создана пользователем pavell, 10 сен 2008.

  1. pavell

    pavell Активный пользователь

    С нами с:
    1 авг 2008
    Сообщения:
    15
    Симпатии:
    0
    как сделать выезжающее меню для след верстки
    чтобы div-ки выезжали когда курсор над внутренними <table>

    HTML:
    1.  
    2. <tr>
    3.           <td>
    4.             <table id="#t1">
    5.             <tr>
    6.             <td>
    7.                 <img src=""  />
    8.             </td>
    9.             <td>
    10.                 <a href="1" >
    11.                                  ссылочка1
    12.                                 </a>
    13.             </td>
    14.             </tr>
    15.             </table>
    16.             <div style="position:relative;">
    17.                 <div >
    18.                         <ul>
    19.                                 здесь список
    20.                         </ul>
    21.                 </div>
    22.             </div>
    23.     </td>
    24.          <td>
    25.             <table id="#t2">
    26.             <tr>
    27.             <td>
    28.                 <img src="" />
    29.             </td>
    30.             <td>
    31.                 <a href="2" >
    32.                                  ссылочка2
    33.                                 </a>
    34.             </td>
    35.             </tr>
    36.             </table>
    37.             <div style="position:relative;">
    38.                 <div >
    39.                         <ul>
    40.                                 здесь список
    41.                         </ul>
    42.                 </div>
    43.             </div>
    44.     </td>
    45. </tr>
    46.  
    пробовал с помощью jquery
    [js]
    $(document).ready(function(){
    $('#t1').mouseover(function(){
    $('#g1').slideDown('slow');
    })
    $('#t1').mouseout(function(){
    $('#g1').slideUp('slow');
    })
    $('#t2').mouseover(function(){
    $('#g2').slideDown('slow');
    })
    $('#t2').mouseout(function(){
    $('#g2').slideUp('slow');
    })
    });
    [/js]
    но менюшку колбасит когда двигаю курсор по таблице--она то появляется , то прячется, хотя нахожусь в одном табле
    может это возникает при наведении курсора на элементы таблицы. да и если держать курсор над выплывшей менюшкой
    то ее также может дергать , а может и нет.
    подтолкните пожалуйста на путь истины и помогите справиться с проблемой