Помощь - Поиск - Пользователи - Календарь
Полная версия этой страницы: Java Menu
Форум программистов > Интернет и сети > Web-программирование > HTML, CSS, XML, JavaScript
VampaOdinn
есть меню, с такой задумкой, при наведении на какой-нибудь пункт, слева "подъезжает" картинка, при отведении курсора, картинка должна вернуться на активный пункт меню. впринципе, все работает, но при попадании курсора между двумя пунктами меню (расстояние между ними 1.5 строки) картинка уезжает к активному пункту, получается неприятный эффект дергания, как исправить?
... 
<tr>
  <td align="left" width="25">
    <img src="img/sel.gif" id="sel" style="position: absolute; top: 226; display: ">
  </td>
  <td>
    <div onmouseout="document.all.sel.style.display=''; document.all.sel.style.top=226">
      <div class="active">Новости</div>
     <a href="?div=products" title="Продукция" onmouseover="document.all.sel.style.display=''; document.all.sel.style.top=253">
       Продукция</a><br>                              
     <a href="?div=faq" title="Вопрос-ответ" onmouseover="document.all.sel.style.display=''; document.all.sel.style.top=279">
      Вопрос-ответ</a><br>                                  
   </div>
  </td>
</tr>    
...
VampaOdinn
всем спасибо, но проблема решается так:
...
<tr>
  <td align="left" width="25">
    <img src="img/sel.gif" id="sel" style="position: absolute; top: 222; display: ">
  </td>
  <td>
    <div onmouseout="document.all.sel.style.display=''; document.all.sel.style.top=222">
      <div style="display: block; height: 28px; color: #659400">Новости</div>                                    
      <a href="?div=products" title="Продукция" style="display: block; height: 28px; width: 130px"  
              onmouseover="document.all.sel.style.display=''; document.all.sel.style.top=250">Продукция</a>                                            
      <a href="?div=faq" title="Вопрос-ответ" style="display: block; height: 28px; width: 130px"
              onmouseover="document.all.sel.style.display=''; document.all.sel.style.top=278">Вопрос-ответ</a>    
    </div>
  </td>
</tr>
...
RespectmaN
Как я понял с меню ты разобрался . А ты можешь помочь мне в создании такого меню ? Не создовать его вместо меня , а только обьяснить как его создать .



P.S. Зарание ОГРОМНОЕ СПАСИБО !!!
VampaOdinn
ну я сделал так: создал свободно позиционируемый элемент (это картинка курсора, у которой свойство position прописано как absolute), при наведении на определенный пункт меню свойство top картинки меняется на нужное (взависимости от расположения пункта меню)... код наверху, если что непонятно, стучи в асю - 587207
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.
Форум IP.Board © 2001-2009 IPS, Inc.