Наведение мыши. - HTML и CSS

DevilMaster · 09.06.2010, 18:59

Есть риснок. Как сделать что б при наведении мыши на него он заменялся на другой, а при нажатии заменился на третий. Заранее спасибо.

IGObest · 09.06.2010, 19:16

Я знаю только что бы рисунок заменялся другим 1 раз.
вот код:

Код:

<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','../black-belt1.jpg',1)"><img src="../gtf_kiev.gif" name="Image22" width="240" height="240" border="0" id="Image22" /></a>

Magneto · 10.06.2010, 00:02

У Вас рисунок служит ссылкой ? После клика рисунок должен обратно изменялся в первостепенный вид ?

А то есть несколько решений

SkyM@n · 10.06.2010, 01:58

Все делается на чистом CSS, используя псевдоселекторы :hover и :active

DevilMaster · 10.06.2010, 02:48

Чёт не получается неодин из примеров.

uberchel · 10.06.2010, 05:38

CSS

PHP код:


			
a img {background: url('1.png') no-repeat; width:40px; height:30px; border:0;}
a img:hover {background: url('2.png') no-repeat; width:40px; height:30px;}
a img:active {background: url('3.png') no-repeat; width:40px; height:30px;}

Magneto · 11.06.2010, 23:30

uberchel - а Вы пробовали свой код в действии ??
...

Прикрепляю ответ

DomiNick · 12.06.2010, 06:42

М.....

А так чем-то хуже будет?:

Код HTML:

<html>
<head>
<title>test</title>
</head>
<body>
<img src="1.gif" name="picture1"
onmouseout="document.picture1.src='1.gif';"
onmouseover="document.picture1.src='2.gif';"
onmousedown="document.picture1.src='3.gif';">
</body>
</html>

Magneto · 12.06.2010, 09:16

DomiNick - если Вы не отличаете JavaScript от CSS, то никакой разницы нету.

DomiNick · 12.06.2010, 09:58

Я разве что-то говорил про "никакой разницы"? Я спросил чем же оно хуже...

А ТС не упоминал на чём именно ему нужно...

09.06.2010, 18:59	#1
DevilMaster Регистрация: 27.02.2010 Сообщений: 8	Наведение мыши. Есть риснок. Как сделать что б при наведении мыши на него он заменялся на другой, а при нажатии заменился на третий. Заранее спасибо.

09.06.2010, 19:16	#2
IGObest Новичок Джуниор Регистрация: 09.06.2010 Сообщений: 1	Я знаю только что бы рисунок заменялся другим 1 раз. вот код: Код: `<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','../black-belt1.jpg',1)"><img src="../gtf_kiev.gif" name="Image22" width="240" height="240" border="0" id="Image22" /></a>`

10.06.2010, 05:38	#6
uberchel Участник клуба Регистрация: 19.01.2009 Сообщений: 1,453	CSS PHP код: `a img {background: url('1.png') no-repeat; width:40px; height:30px; border:0;} a img:hover {background: url('2.png') no-repeat; width:40px; height:30px;} a img:active {background: url('3.png') no-repeat; width:40px; height:30px;}`

12.06.2010, 06:42	#8
DomiNick Студент, не Старожил Регистрация: 29.01.2009 Сообщений: 2,067	М..... А так чем-то хуже будет?: Код HTML: <html> <head> <title>test</title> </head> <body> <img src="1.gif" name="picture1" onmouseout="document.picture1.src='1.gif';" onmouseover="document.picture1.src='2.gif';" onmousedown="document.picture1.src='3.gif';"> </body> </html> I am the First of Cyber Evolution... I am the First to Program your Future...

12.06.2010, 09:58	#10
DomiNick Студент, не Старожил Регистрация: 29.01.2009 Сообщений: 2,067	Я разве что-то говорил про "никакой разницы"? Я спросил чем же оно хуже... А ТС не упоминал на чём именно ему нужно... I am the First of Cyber Evolution... I am the First to Program your Future...

10.06.2010, 00:02	#3
Magneto Форумчанин Регистрация: 10.02.2008 Сообщений: 178	У Вас рисунок служит ссылкой ? После клика рисунок должен обратно изменялся в первостепенный вид ? А то есть несколько решений

10.06.2010, 01:58	#4
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Все делается на чистом CSS, используя псевдоселекторы :hover и :active

10.06.2010, 02:48	#5
DevilMaster Регистрация: 27.02.2010 Сообщений: 8	Чёт не получается неодин из примеров.

12.06.2010, 09:16	#9
Magneto Форумчанин Регистрация: 10.02.2008 Сообщений: 178	DomiNick - если Вы не отличаете JavaScript от CSS, то никакой разницы нету.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как сделать так чтобы при наведение мыши	subbota	HTML и CSS	3	03.03.2016 09:36
Наведение курсором на объект.	segail	Microsoft Office Excel	2	14.10.2009 16:39
наведение курсора на кнопку	segail	Microsoft Office Excel	1	27.06.2009 22:10
TСhart, клик мыши и координаты XY, Определение координат оси при клике мыши	Aravild	Компоненты Delphi	1	31.01.2009 16:28
Эмуляция мыши	Travolta	Общие вопросы .NET	0	07.11.2008 14:43