• 15 апреля стартует «Курс «SQL-injection Master» ©» от команды The Codeby

    За 3 месяца вы пройдете путь от начальных навыков работы с SQL-запросами к базам данных до продвинутых техник. Научитесь находить уязвимости связанные с базами данных, и внедрять произвольный SQL-код в уязвимые приложения.

    На последнюю неделю приходится экзамен, где нужно будет показать свои навыки, взломав ряд уязвимых учебных сайтов, и добыть флаги. Успешно сдавшие экзамен получат сертификат.

    Запись на курс до 25 апреля. Получить промодоступ ...

Java Menu

  • Автор темы VampaOdinn
  • Дата начала
Статус
Закрыто для дальнейших ответов.
V

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>	
...
 
V

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>
...
 
R

RespectmaN

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



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

VampaOdinn

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

Обучение наступательной кибербезопасности в игровой форме. Начать игру!