Замена контента при наведении курсора

zilonitiz

Захожу иногда
427
14 / 1

Замена контента при наведении курсора

« : 05.08.2018, 10:48:45 »

Подскажите решение. Есть HTML модуль, надо при наведении курсора сменить его содержимое. Насколько понимаю можно реализовать средствами CSS используя display: none, но никак не могу придумать его. Быть может есть какие то готовые решения в виде плагинов или модулей? Буду весьма признателен за решение.

Записан

Автоматизация действий в интернете, рутина. Парсеры, постеры, регеры и т.д. Телеграм: @evildance.

fbr

Завсегдатай
1689
211 / 7

Re: Замена контента при наведении курсора

« Ответ #1 : 05.08.2018, 11:53:24 »

Код

<!DOCTYPE html>
<html>
<head>
	<style>
	.visib {display:block;}
	.invis {display:none;}
	.wrap:hover .visib {display:none;}
	.wrap:hover .invis {display:block;}
	</style>
</head>
<body>
	<div class="wrap">
		<div class="invis">Invisible block</div>
		<div class="visib">Visible block</div>
	</div>
</body>
</html>

Записан

zilonitiz

Захожу иногда
427
14 / 1

Re: Замена контента при наведении курсора

« Ответ #2 : 05.08.2018, 12:00:00 »

Благодарю! То что нужно! И тут еще нашел вариант с эффектами https://davidwalsh.name/demo/css-flip.php

Записан

Автоматизация действий в интернете, рутина. Парсеры, постеры, регеры и т.д. Телеграм: @evildance.

Как при наведении изменить сразу два класса CSS? Автор Kanfur	Ответов: 3 Просмотров: 2439	03.11.2020, 16:53:43 от Nikolay89
Пауза при наведении на слайдер Автор Stasweb	Ответов: 12 Просмотров: 2425	11.12.2019, 10:34:00 от sivers
Выделение строки таблицы при наведении Автор March Cat	Ответов: 6 Просмотров: 3380	27.10.2018, 18:27:16 от effrit
Как улучшить качество своего курсора? Коряво получается почему-то Автор cantsave	Ответов: 5 Просмотров: 2288	12.10.2018, 09:06:26 от dynamit
Увиличение картинки при наведении Автор vova630	Ответов: 0 Просмотров: 1321	25.03.2018, 02:45:33 от vova630

Замена контента при наведении курсора - Вопросы по CSS

Новости Joomla

👩‍💻 CMS Joomla победила в премии CMS Critics Awards - People's Choice Awards 2025.

👩‍💻 Плагин микроразметки Schema.org в в пункте меню Joomla.

‼️👩‍💻 Релиз безопасности Astroid 3.3.11 - шаблона-конструктора для Joomla.

zilonitiz

Замена контента при наведении курсора

fbr

Re: Замена контента при наведении курсора

zilonitiz

Re: Замена контента при наведении курсора

Похожие темы