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

Обновлено: 27 Декабрь, 2018

Код:

<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).
Написано статей
142
7 оценок, среднее: 5,00 из 57 оценок, среднее: 5,00 из 57 оценок, среднее: 5,00 из 57 оценок, среднее: 5,00 из 57 оценок, среднее: 5,00 из 5 (7 оценок, среднее: 5,00 из 5)
Для того чтобы оценить запись, вы должны быть зарегистрированным пользователем сайта.
Загрузка...
Понравилась статья? Поделиться с друзьями:
Блог Программиста
Добавить комментарий

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

двенадцать + 15 =