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

Обновлено: 23 декабря, 2021

Код:

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

два × два =