Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   При наведении на текст js (https://javascript.ru/forum/misc/71713-pri-navedenii-na-tekst-js.html)

Дмитрий Чаплыгин 07.12.2017 14:47

При наведении на текст js
 
Доброго времени дня!
Как сделать, чтоб при наведении он не менял цвет
а исчезал?
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").mouseover(function(){
$("p")cle;
});
$("p").mouseout(function(){
$("p").css("background-color", "lightgray");
});
});
</script>
</head>
<body>

<p>Переместите указатель мыши над этим абзацем.</p>

</body>
</html>

Nexus 07.12.2017 14:51

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
	$(document).ready(function(){
		$("p").mouseover(function(){
			$(this).hide();
		}).mouseout(function(){
			$(this).css("background-color", "lightgray");
		});
	});
</script>
</head>
<body>

<p>Переместите указатель мыши над этим абзацем.</p>

</body>
</html>

Для форматирования кода его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Дмитрий Чаплыгин 07.12.2017 15:00

Спасибо!
За быструю помощь, очень благодарен.

Dilettante_Pro 07.12.2017 17:20

Nexus,
Только он ведь у вас навсегда исчезает... И светло-серый фон ему уже ни к чему

Nexus 07.12.2017 17:38

Dilettante_Pro, решил не удалять код тс.


Часовой пояс GMT +3, время: 16:41.