Нужна помощь! - Помощь студентам

МаксимМаксим · 06.02.2018, 19:44

Есть 6 объектов. 3 из них представлены в виде надписи, а остальные прямоугольники. Задача: изначально прямоугольники должны быть невидимы, а при наведении курсора мыши на надпись должен появляться соответствующий прямоугольник.
Вот HTML код:

Код:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="shop">Shop</div>
<div class="rectangle"></div>	
<div class="card" >Card</div>
<div class="rectangle1"></div>	
<div class="about" >About</div>
<div class="rectangle2"></div>	
</body>
</html>

А это CSS код:

Код:

body{
	font-size: 70px;
	font-size: 70px;
	font-style : normal;
	font-weight : bold;
}
.shop{
	margin-top : 150px;
	margin-left : 50px;
	width : 162px;
	position : relative;
	top : 13px;
	z-index : 2;
}
.card{
	margin-left : 50px;
	width : 149px;
	position : relative;
	z-index : 2;
}
.about{
	margin-left : 50px;
	width : 193px;
	position : relative;
	bottom : 13px;
	z-index : 2;
}
.rectangle{
	margin-left : 50px;
	width : 158px;
	height : 13px;
	background-color : #B1F0BE;
	position : relative;
	bottom : 25px;
	right : -2px;
}	
.rectangle1{
	margin-left : 50px;
	width : 138px;
	height : 13px;
	background-color : #B1F0BE;
	position : relative;
	bottom : 39px;
	right : -10px;
}
.rectangle2{
	margin-left : 50px;
	width : 165px;
	height : 13px;
	background-color : #B1F0BE;
	position : relative;
	bottom : 52px;
	right : -11px;
}

Так как я начинающий программист, код может быть "кривым".
Заранее спасибо!

МаксимМаксим · 09.02.2018, 05:12

Похоже я уже и сам разобрался
Я воспользовался скриптами, а если корече, то методами onmouseover, onmouseleave.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
С++ нужна помощь	фндрей324	Общие вопросы C/C++	5	15.06.2015 18:29
Нужна помощь.	Alex_n	Microsoft Office Word	4	11.02.2015 22:58
C# нужна помощь...	Маринка777	Помощь студентам	0	29.11.2009 21:31
Очень нужна помощь c матрицами, макросами в Excel. Заранее благодарен(поверьте, очень-очень нужна помощь)	Farridjan	Помощь студентам	1	03.07.2009 12:24
Очень нужна помощь с написанием программы... срочно(буду благодарен за помощь)	5Paladin5	Помощь студентам	3	02.07.2009 09:12

09.02.2018, 05:12	#2
МаксимМаксим Новичок Джуниор Регистрация: 06.02.2018 Сообщений: 2	Похоже я уже и сам разобрался Я воспользовался скриптами, а если корече, то методами onmouseover, onmouseleave.