Форум

Rooner · #1 (**permalink**) 25.10.2012, 12:55

Есть стили

a { background-color: #d7d7d7; text-decoration:none; }
a:hover { background-color:#b7b7b7; color:#ffffff; }

Нужно программно применить к ссылке hover. Как будто пользователь навел курсор на ссылку

<a href="#">Стекло в кафе</a>

Вот так не работет

$("a").addClass(":hover");
$("a").addClass("a:hover");

a_l · #2 (**permalink**) 25.10.2012, 14:58

:hover - это псевдокласс, его нельзя так применить.
Почему бы вам так не сделать:

a { background-color: #d7d7d7; text-decoration:none; }
a:hover, a.hover { background-color:#b7b7b7; color:#ffffff; }
<a href="#">Стекло в кафе</a>
$("a").addClass("hover");

Your · #3 (**permalink**) 26.10.2012, 06:43

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Example</title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<style type="text/css">
		.hover{background:#888888;}
	</style>
</head>
<body>
	<a href="">ссылка</a>
	<script type="text/javascript">
		$('a').hover(function() {
			$(this).addClass('hover');
		},function() {
			$(this).removeClass('hover');
		});
	</script>
</body>
</html>

a_l · #4 (**permalink**) 26.10.2012, 20:19

Your, тс нужно сымитировать наведение мыши. При наведении и :hover прекрасно справляется.

Форум

Справочник

Discord чат

Курсы javascript