Jump to content
  • 0

Таблица, OnMouseOver, цвет текста


_Алексей_
 Share

Question

Есть три проблемы:

1. При нажатии на пункт "Шины" снизу появляется доп. меню, но высота строки со словом "Шины" уменьшается. Надо, чтобы осталась такой-же.

2. При наведении курсора на пункты меню "Шины", сама строка "Шины" и рисунки слева также подсвечивается, нужно от этого избавиться.

3. При наведении курсора не меняется цвет текста ячейки.

Как избавиться от этих проблем?

<script language="JavaScript">
function MenuToggle(id1)
{
id2 = "div_" + id1;
obj = document.getElementById(id2);
a = document.getElementById('a_' + id2);
if (obj.style.display == 'block')
{
obj.style.display = 'none';
}
else
{
obj.style.display = 'block';
}
return false;
}
//—————————————————
function active(item)
{
item.style.backgroundColor='#99CC66'
item.style.Color='#993300'
}
//—————————————————
function inactive(item)
{
item.style.backgroundColor='#5C743D'
item.style.Color='#D5EDB3'
}
</script>

Далее...

<table class="linebott" cellspacing=0 cellpadding=0 width=165 id="navigation">
<tr><td onmouseover="active(this)" onmouseout="inactive(this)" class="linebott" height=34><a href="http://mysite.ru/" class="navText">Главная</a></td></tr>
<tr>
<td onmouseover="active(this)" onmouseout="inactive(this)" class="linebott" height=34 onclick='MenuToggle("1");return false;'>
<a class="navText" id='a_div_1' name='a_div_1'>Шины</a>
<span id='div_1' name='div_1' style='display:none;'>
<table cellpadding=0 cellspacing=0 border=0 >
<tr valign=center>
<td><img src="img1.gif"></td>
<td onmouseover="active(this)" onmouseout="inactive(this)"><a href='http://mysite.ru/SizeTrucks/'>Подбор по размеру</a></td>
</tr>
<tr valign=center>
<td><img src="img2.gif"></td>
<td onmouseover="active(this)" onmouseout="inactive(this)"><a href='http://mysite.ru/AutoTrucks/'>Подбор по автомобилю</a></td>
</tr>
<tr valign=center>
<td><img src="img3.gif"></td>
<td onmouseover="active(this)" onmouseout="inactive(this)"><a href='http://mysite.ru/CatalogTrucks/'>Каталог</a></td>
</tr>
</table>
</span>
</td>
</tr>
</table>

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy