| imho.ws |
|
|
15.06.2005, 16:45
|
# 1 |
|
Member
Регистрация: 17.03.2005
Адрес: Kiev
Сообщения: 235
 |
Вопрос по JavaScript - меню..
При наведении мышки на ячейку, бэк граунд должен измениться на определенную картинку, при отведении опять в исходное положение.
Есть мой код меню: <table> <tr> <td onMouseOver="this.background='img/select.gif'" onMouseOut="this.background=''">Меню1</td> <tr> </table> /////Данный вариант работает, НО ТОЛЬКО В IE, мне нужно чтобы работало и в других броузерах, как OPERA, MAZILA, NETSCAPE Пытался сделать так, по логике должно работать, но не работет нигде  <table> <tr> <td onMouseOver="this.style='background-image:url(img/up2.jpg); background-repeat:repeat-x'" onMouseOut="this.style='background-image:url();'">Меню1</td> <tr> </table> Хотелось бы чтобы можно было применить в этом CSS Подскажите как решить проблему? |
|
|
15.06.2005, 17:05
|
# 2 |
|
::VIP::
Звезда первого сезона Молчун-2004 
Регистрация: 24.08.2002
Сообщения: 1 575
  |
CSS:
Код:
.NAV { ... }
A .NAV { ... }
A:HOVER .NAV { ... }
Код HTML:
<DIV CLASS="NAV">...</DIV> <A HREF="..."><DIV CLASS="NAV">...</DIV></A> <A HREF="..."><DIV CLASS="NAV">...</DIV></A>
__________________
Действовать надо тупо и это лучшее доказательство нашей чистоты и силы! |
|
|
|
15.06.2005, 17:10
|
# 3 | |
|
Member
Регистрация: 17.03.2005
Адрес: Kiev
Сообщения: 235
|
Цитата:
Я чего-то не совсем понял как с этим работать.. Хотелось бы увидеть правки уже на моем примере! Пожалуйста! |
|
|
|
|
15.06.2005, 17:28
|
# 4 |
|
Guest
Сообщения: n/a
|
Сделай стилями.
Типа так: Код:
<style>
.someClass {
background-image:url();
}
.someClassHover {
background-image:url('someImage.gif');
background-repeat:repeat-x'
}
</style>
<table>
<tr>
<td onMouseOver="this.className='someClassHover'" onMouseOut="this.className='someClass'">Меню1</td>
<tr>
</table>
|
|
15.06.2005, 17:38
|
# 5 |
|
::VIP::
Звезда первого сезона Молчун-2004
Регистрация: 24.08.2002
Сообщения: 1 575
|
Пожалуйста:
Код HTML:
<HTML><HEAD><STYLE> .NAV { display: block; width: 100px; text-align: center; background-color: #C0C0C0; } A .NAV { background-color: #808080; } A:HOVER .NAV { background-color: #C0C0C0; } </STYLE></HEAD><BODY> <TABLE CELLSPACING="0" CELLPADDING="1" BORDER="1" WIDTH="100%"> <TR> <TD><DIV CLASS="NAV" ID="NAV1">1</DIV></TD> <TD><A HREF="2"><DIV CLASS="NAV" ID="NAV2">2</DIV></A></TD> <TD><A HREF="3"><DIV CLASS="NAV" ID="NAV3">3</DIV></A></TD> </TR> </TABLE> </BODY><SCRIPT TYPE="text/javascript"> var d; for (var i = 1; i <= 3; i++) { d = document.getElementById('NAV' + i); d.onmouseout = function anonymous() { this.className = 'NAV'; }; d.onmouseover = function anonymous() { this.className = 'NAV'; }; } </SCRIPT></HTML>
__________________
Действовать надо тупо и это лучшее доказательство нашей чистоты и силы! |
|
|
|
15.06.2005, 18:15
|
# 7 |
|
::VIP::
Звезда первого сезона Молчун-2004
Регистрация: 24.08.2002
Сообщения: 1 575
|
UnOuter
Примеры практически идентичны, за исключением того, что у меня обработчики onMouse??? задаются в конце, а у него в каждом тэге. Плюс к этому, как я уже говорил, мой код работает прекрасно и без обработчиков в Opera и иже с ней, т.е. можно js-код выполнять только для одного типа браузера - IE, есессно предварительно проверив его.
__________________
Действовать надо тупо и это лучшее доказательство нашей чистоты и силы! |
|
|
