Меняем картинку при наведении курсора на ссылку с помощью CSS

Код:

<table border="1" cellpadding="0" cellspacing="0">
<tr><td>
<img src="pics/ie48.gif" alt="Меняем картинку при наведении курсора на ссылку с помощью CSS" id="pic">
</td><td>

<a href="#" onmouseover="document.getElementById('pic').src='pics/ie48.gif';">зеленый</a>
<br>
<a href="#" onmouseover="document.getElementById('pic').src='pics/iron48.gif';">зеленый</a>
<br>
<a href="#" onmouseover="document.getElementById('pic').src='pics/yandex48.gif';">зеленый</a>
</td></tr></table>

Пример (наведите курсор мыши на ссылку):
Меняем картинку при наведении курсора на ссылку с помощью CSS
Собака  Кошка  Грызун

Данное демо можно посмотреть и скачать здесь

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (7 оценок, среднее: 5,00 из 5)
Загрузка...
Добавить комментарий

три × один =

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: