| imho.ws |
![]() |
|
|
|
# 1 |
|
::VIP::
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Можно ли изменить background на JavaScript?
Допустим есть таблица:
<table> <tr> <td background="images/1.gif" onMouseOver="ChangePic();"> lalalalala </td> </tr> </table> Можно ли при наведении мышки на эту ячейку поменять ее background? Это мне все нужно для меню, простыми картинками сделать нельзя, т.к. должна существовать возможность добавления/удаления пунктов меню...
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным. |
|
|
|
|
# 3 | |
|
::VIP::
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
так это просто цвет поменять, а у меня в background'е картинка...
Цитата:
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным. |
|
|
|
|
|
# 4 |
|
::VIP::
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Попробуй так, не тестировал но работать должно.
Код:
<td style="background-image: images/1.gif" onMouseOver="this.style.background-image='images/2.gif'"> lalalalala </td>
__________________
Умный не тот кто все знает, а тот кто знает где узнать то чего он не знает. Life is only what you make it.
|
|
|
|
|
# 5 |
|
Guest
Сообщения: n/a
|
Для примера можешь посмотреть как сделано тут
http://www.vodalux.ru/ меню слева <td style="cursor:hand;" onMouseOver="this.style.backgroundColor='#F5F5F5';" onMouseOut="this.style.backgroundColor='#FFFFFF';" OnClick="document.location='http://www.vodalux.ru/cat407/'"> Это просто вариант... а поинтереснее есть тут http://www.sastasoft.spb.ru/projects_tophouse.htm Слева картинки... <script> function togray() { i1.style.filter = ''; } function togray_() { i1.style.filter = 'gray()'; } </script> <td bgcolor="#4d4d4d"><a href="http://www.tophouse.ru" target="_blank"><img src="img/scr/tophouse1.jpg" width="167" alt="" border="0" style="filter: gray()" id="i1" onmouseover="togray();" onmouseout="togray_();"></a></td> |
|
|
# 6 |
|
::VIP::
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Phoen1x:
Последний вариант с фильтром работать будет только в ишаке и его оболочках, т.к. все другие браузеры фильтры не поддерживают. ЗЫ Кстати для HTML кода и других програмных кодов есть BB тег [ CODE ][ /CODE ] (Пробелы между "[" и "CODE" убрать). Или надо нажать кнопочку "Расширеный режим" там есть для этого специальная кнопка. Просто читать код удобнее в таком виде (заключенном в соответствующие тэги) особенно если кода много.
__________________
Умный не тот кто все знает, а тот кто знает где узнать то чего он не знает. Life is only what you make it.
|
|
|
|
|
# 8 |
|
::VIP::
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Всем огромное спасибо, удалось сделать как нужно, если кому интересно:
_http://forum.ru-board.com/topic.cgi?forum=31&topic=4860#1 Еще один вопросик, только не по теме (просто новую тему открывать не хочется). Можно ли текст сделать так, чтобы его выделить было нельзя на страничке...?
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным. |
|
|
|
|
# 9 |
|
Newbie
Регистрация: 02.09.2005
Сообщения: 15
![]() |
The_naked
Есть событие OnSelectStart Пример использования: Код:
<table BORDER="8" BgColor="red" WIDTH="65%" cellspacing=8>
<tr><td>
<p ID="paraSelectStart">Выбор любого элемента из этого текста заставит изменять его цвета ... иногда дико
<script LANGUAGE="VBScript">
<!--
Sub paraSelectStart_onselectstart()
Dim hexColor
Dim hexColor2
hexColor=hex(rnd*16777215)
if hexColor>"ffffff"then hexColor="ffffff"
hexColor2=hex(rnd*16777215)
if hexColor2>"ffffff"then hexColor2="ffffff"
on error resume next
set elRef=document.all("paraSelectStart")
elRef.style.backgroundColor=hexColor
elRef.style.color=hexColor2
self.event.returnValue=false
End Sub
//-->
</script>
</td></tr>
</table>
|
|
|
|
|
# 10 |
|
::VIP::
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
To bant
Вся беда в том, что в Опере это почему то не работает, а в осле все равно меняется курсор мыши, при наведении на текст, а хотелось бы, чтобы он оставался просто указателем... Но все равно спасибо
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным. |
|
|
|
|
# 11 |
|
::VIP::
Регистрация: 23.05.2005
Пол: Male
Сообщения: 1 064
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
В Опере и не будет работать, событие OnSelectStart это чисто ишаковское событие и другими браузерами, насколько я знаю, не поддерживаетяся.
А курсор легко меняется с помощью CSS примерно так: Код:
some_class { cursor: pointer; }
<div class="some_class">Некоторый текст</div>
__________________
Умный не тот кто все знает, а тот кто знает где узнать то чего он не знает. Life is only what you make it.
|
|
|