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

Код:

<table border="1" cellpadding="0" cellspacing="0">
<img src="/img/pages/dog.png" alt="Меняем картинку при наведении курсора на ссылку с помощью CSS" id="pic"> 
<a href="#" onmouseover="document.getElementById('pic').src='/img/pages/dog.png';">Собака</a>   
<a href="#" onmouseover="document.getElementById('pic').src='/img/pages/cat.png';">Кошка</a>  
<a href="#" onmouseover="document.getElementById('pic').src='/img/pages/grizun.png';">Грызун</a>

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

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

Рейтинг автора
Автор статьи
Юрий
SEO-аналитик, программист (PHP, Ajax, Delphi, MySQL).
Написано статей
105
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (7 оценок, среднее: 5,00 из 5)
Загрузка...
Понравилась статья? Поделиться с друзьями:
Добавить комментарий

1 × один =

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