Witam. :)
Chciałbym zrobić stronę startową na, której były by na środku trzy bloki z czego każdy był by innym hiperłączem i miałby inny wygląd (obrazek). A po najechaniu na blok obraz z bloku zastępowałby tło strony.
Przykładowo po najechaniu na blok czerwony tło strony zmieniłoby się na czerwone.
Podam jeszcze kody dość ubogie ale nie mam pojęcia jak się za to zabrac
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="kontener">
<div id="lewy_blok"><a href="#">asd</a></div>
<div id="srodek_blok"><a href="#">asd</a></div>
<div id="prawy_blok"><a href="#">asd</a> </div>
</div>
</body>
</html>
body
{
background-color: green;
}
#kontener
{
margin-left: auto;
margin-right: auto;
width: 620px;
background-color:green;
}
#lewy_blok
{
background-color: red;
width: 200px;
height: 600px;
display: inline-block;
}
#srodek_blok
{
background-color: blue;
width: 200px;
height: 600px;
display: inline-block;
margin-left: 6px;
}
#prawy_blok
{
background-color: yellow;
width: 200px;
height: 600px;
display: inline-block;
margin-left: 6px;
}
#lewy_blok:hover
{
background-color: cyan;
}
#srodek_blok:hover
{
background-color: black;
}
#prawy_blok:hover
{
background-color: purple;
}
Z tego na jaki pomysł wpadłem to ,że trzeba by było w js zastosować fukncje if z warunkami: jeżeli kursor jest na niebieskim bloku zmień tło na niebieskie jeżeli nie wróć do normalnego tła.