1. Наш канал codeby в telegram. Пишем об информационной безопасности, методах защиты информации, о программировании. Не пропускай новости с кодебай, будь в тренде ! Подробнее ...

    Скрыть объявление

Java Menu

Тема в разделе "Web - программирование", создана пользователем VampaOdinn, 7 авг 2007.

Статус темы:
Закрыта.
  1. VampaOdinn

    VampaOdinn Гость

    Репутация:
    0
    есть меню, с такой задумкой, при наведении на какой-нибудь пункт, слева "подъезжает" картинка, при отведении курсора, картинка должна вернуться на активный пункт меню. впринципе, все работает, но при попадании курсора между двумя пунктами меню (расстояние между ними 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>	
    ...
     
  2. VampaOdinn

    VampaOdinn Гость

    Репутация:
    0
    всем спасибо, но проблема решается так:
    Код:
    ...
    <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>
    ...
     
  3. RespectmaN

    RespectmaN Гость

    Репутация:
    0
    Как я понял с меню ты разобрался . А ты можешь помочь мне в создании такого меню ? Не создовать его вместо меня , а только обьяснить как его создать .



    P.S. Зарание ОГРОМНОЕ СПАСИБО !!!
     
  4. VampaOdinn

    VampaOdinn Гость

    Репутация:
    0
    ну я сделал так: создал свободно позиционируемый элемент (это картинка курсора, у которой свойство position прописано как absolute), при наведении на определенный пункт меню свойство top картинки меняется на нужное (взависимости от расположения пункта меню)... код наверху, если что непонятно, стучи в асю - 587207
     
Загрузка...
Статус темы:
Закрыта.

Поделиться этой страницей