Привязка ссылки к блоку с background
 

Как сделать, чтобы при наведении на ссылку другой блок менял свойство свое. А вообще необходимо чтобы при наведении на ссылку картинка подсвечивалась, с css это не пройдет, поскольку под одним div не получится сделать, дизайн сложноват много элементов друг на друге, спасибо.

Ловить события mouseover/mouseout и в обработчике изменять свойства/классы любых нужных блоков.

примерный код если можно?

<button id="button">Наведи на меня</button>
<div id="block" style="background:red">Этот блок будет менять цвет</div>
<script>
(function(){
    var button = document.getElementById('button'),
        block  = document.getElementById('block');

    button.onmouseover = function() {
        block.style.background = 'blue';
    };
    button.onmouseout = function() {
        block.style.background = 'red';
    };
})()
</script>

С jQuery код был бы короче.

Причем в приведенном примере можно было бы достигнуть цели использованием css:

<style>
    button ~ div{
        background: red;
    }
    button:hover ~ div{
        background:blue;
    }
</style>
<button id="button">Наведи на меня</button>
<div id="block">Этот блок будет менять цвет</div>

Спасибо большое