Добрый день!
Начинаю изучать html, необходимо подключить файлы js и css к теме wordpress.
На выходе должны появиться цвета, при наведении мыши на них меняется картинка.
$(document).ready(function() {
$('.color1').hover(function() {
$('.img').css({"background": "red" })
});
$('.color2').hover(function() {
$('.img').css({"background": "blue"})
});
});
.color1 {
float: left;
margin: 10px;
padding: 5px;
background: red;
}
.color2 {
float: left;
margin: 10px;
padding: 5px;
background: blue;
}
.clear {
clear: both;
}
.img {
width: 200px;
height: 300px;
background: black;
}
<div class="color1">
Красный
</div>
<div class="color2">
Синий
</div>
<div class="clear">
</div>
<div class="img">
</div>