ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / background onmouseover / onmouseout
18 сообщений из 18, страница 1 из 1
background onmouseover / onmouseout
    #36532516
napoleon1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
napoleon1
Гость
Здравствуйте Посетители Форума. Если есть возможность, то посоветуйте, что сдесь не так в этом коде - планирувалось при наведении курсора менять картинку в background.
А может, если знаете, то подскажите друрой :)

<td height="40" style="background-image: url(bpic1.png); background-repeat: repeat-x; background-position: center center;"
onmouseover="this.style.background-image: 'bpic2.png';"
onmouseout="this.style.background-image: 'bpic1.png';">
бла-бла-бла
</td>
...
Рейтинг: 0 / 0
20.03.2010, 16:55
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36532615
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
napoleon1А может, если знаете, то подскажите друрой :)
Как вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<html>
<head>
<style type="text/css">
td {
	background-repeat: repeat-x; 
	background-position: center center;
	height: 40px;
}
.on {
	background-image: url('bpic2.png'); 
}
.off {
	background-image: url('bpic1.png'); 
}
</style>
</head>

<body>
<table width='100%' border='1'>
<tr>
<td class='off' onmouseover="this.className='on'" onmouseout="this.className='off'">
бла-бла-бла
</td>
</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
20.03.2010, 18:52
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36532850
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
css-sprites

Все, что требует подгрузки картинки при наведении - плохо, так как происходит пауза, иногда существенная. Лучше всего сохранять в одной картинке и менять background-position.
...
Рейтинг: 0 / 0
21.03.2010, 00:00
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36533025
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
EmilRegis
Участник
napoleon1
<td height="40" style="background-image: url(bpic1.png); background-repeat: repeat-x; background-position: center center;"
onmouseover="this.style.background-image: 'bpic2.png';"
onmouseout="this.style.background-image: 'bpic1.png';">
</td>
в DOM'е background-image надо писать как backgroundImage и не с двоеточием, а с равно))
Код: plaintext
1.
2.
onmouseover="this.style.backgroundImage= 'bpic2.png';"
onmouseout="this.style.backgroundImage= 'bpic1.png';">
...
Рейтинг: 0 / 0
21.03.2010, 10:39
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36533244
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
st_st
Участник
Можно менять через css-hover, но ie6 непонимает (ему нужен htc).
...
Рейтинг: 0 / 0
21.03.2010, 15:32
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36533503
napoleon1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
napoleon1
Гость
Здравствуйте krvsa !
Благодарю Вас за внимание к этому вопросу.
_ к сожелению - не работает вариантик.
...
Рейтинг: 0 / 0
21.03.2010, 20:56
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36533524
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<html>
<head>
    <style>
        a.bk {cursor:default;text-decoration:none}
        a.bk div {background-image:url(add-comment-blue.gif)}
        a.bk:hover div {background-image:url(add-comment-green.gif)}
    </style>
</head>
<body>
<table><td><a class="bk" href="#"><div>бла-бла-бла</div></a></td></tr></table>
</body>
</html>
...
Рейтинг: 0 / 0
21.03.2010, 21:20
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36533528
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
napoleon1_ к сожелению - не работает вариантик.
Что же в нём не работает?
...
Рейтинг: 0 / 0
21.03.2010, 21:26
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36533530
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Antonariy
Код: plaintext
1.
<table><td><a class="bk" href="#"><div>бла-бла-бла</div></a></td></tr></table>

Соватьв строковый элемент блочный не валидно.
...
Рейтинг: 0 / 0
21.03.2010, 21:27
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36533602
napoleon1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
napoleon1
Гость
Добрый вечер уважаемый Кrvsa.
Огромнейшее СПАСИБО Вам!
Вы сделали 100% работающий вариант, а я написал неверно имя картинки
в адресе и подумал, что неработает - sorry :))
...
Рейтинг: 0 / 0
21.03.2010, 23:27
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36533604
napoleon1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
napoleon1
Гость
EmilRegis[quot napoleon1]
<td height="40" style="background-image: url(bpic1.png); background-repeat: repeat-x; background-position: center center;"
onmouseover="this.style.background-image: 'bpic2.png';"
onmouseout="this.style.background-image: 'bpic1.png';">
</td>
в DOM'е background-image надо писать как backgroundImage и не с двоеточием, а с равно))

_Благодарю за подсказку!
...
Рейтинг: 0 / 0
21.03.2010, 23:32
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36570005
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
krvsaAntonariy
Код: plaintext
1.
<table><td><a class="bk" href="#"><div>бла-бла-бла</div></a></td></tr></table>

Соватьв строковый элемент блочный не валидно.Валидатор повержен
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <style type="text/css">
        a.bk {cursor:default;text-decoration:none;}
        a.bk span {display:block;width: 16 ;height: 16 }
        a.bk span {background-image:url(add-comment-blue.gif)}
        a.bk:hover span {background-image:url(add-comment-green.gif)}
    </style>
</head>
<body>
<table><td><a class="bk" href="#"><span>бла-бла-бла</span></a></td></tr></table>
</body>
</html>
...
Рейтинг: 0 / 0
09.04.2010, 10:19
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36570223
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Antonariy , да ты прямо Че Гевара...
...
Рейтинг: 0 / 0
09.04.2010, 11:38
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #36570422
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Че свергал, а не повергал ))
...
Рейтинг: 0 / 0
09.04.2010, 12:47
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
background onmouseover / onmouseout
    #39179437
lj_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lj_
Гость
<td height="40" background="images/skin/button-v2.png"
onmouseover="this.style.backgroundImage='url(images/skin/button-v1.png)'"
onmouseout="this.style.backgroundImage='url(images/skin/button-v2.png)'">

При наведении курсора на ячейку меняется фон ячейки. при этом фон ячейки - это изображение, а не номер цвета.

Это грамотный вариант, работает в ИЕ6. Потратил массу времени пока получилось правильно, грамотно, рабоче.
...
Рейтинг: 0 / 0
26.02.2016, 02:27
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #39179438
lj_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lj_
Гость
Гениальный форум! была бы регистрация, не стал бы тратить время, регаться, чтобы поделиться правильным ответом. Надеюсь кому-то сэкономит "сутки"
...
Рейтинг: 0 / 0
26.02.2016, 02:32
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #39179441
lj_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lj_
Гость
Даже вот еще вернее и универсальнее (после точки с запятой можно еще что-ньть из параметров напихать параллельно)

<td height="40" background="images/skin/button-v1.png" bgcolor="#cccccc" onClick="top.location='111.html'"
onmouseover="this.style.backgroundImage='url(images/skin/button-v1.png)';"
onmouseout="this.style.backgroundImage='url(images/skin/button-v2.png)';">
...
Рейтинг: 0 / 0
26.02.2016, 03:29
| Ответить | Цитировать | Написать  
background onmouseover / onmouseout
    #39179442
lj_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
lj_
Гость
Даже вот еще вернее и универсальнее (после точки с запятой можно еще что-ньть из параметров напихать параллельно) (поправил логичность мигания кнопочек: при загрузке страницы фон 1, при наведении фон 2, при отводе курсора фон1(тут можно поставить и фон3))

<td height="40" background="images/skin/button-v1.png" bgcolor="#cccccc" onClick="top.location='111.html'"
onmouseover="this.style.backgroundImage='url(images/skin/button-v2.png)';"
onmouseout="this.style.backgroundImage='url(images/skin/button-v1.png)';">

Классный форум!
...
Рейтинг: 0 / 0
26.02.2016, 03:33
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / background onmouseover / onmouseout
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]