Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.06.2013, 06:37
Новичок на форуме
Отправить личное сообщение для ichaos7777 Посмотреть профиль Найти все сообщения от ichaos7777
 
Регистрация: 22.06.2013
Сообщений: 6

Привязка ссылки к блоку с background
Как сделать, чтобы при наведении на ссылку другой блок менял свойство свое. А вообще необходимо чтобы при наведении на ссылку картинка подсвечивалась, с css это не пройдет, поскольку под одним div не получится сделать, дизайн сложноват много элементов друг на друге, спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 28.06.2013, 07:46
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Ловить события mouseover/mouseout и в обработчике изменять свойства/классы любых нужных блоков.
Ответить с цитированием
  #3 (permalink)  
Старый 28.06.2013, 08:04
Новичок на форуме
Отправить личное сообщение для ichaos7777 Посмотреть профиль Найти все сообщения от ichaos7777
 
Регистрация: 22.06.2013
Сообщений: 6

примерный код если можно?
Ответить с цитированием
  #4 (permalink)  
Старый 28.06.2013, 08:13
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<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 код был бы короче.
Ответить с цитированием
  #5 (permalink)  
Старый 28.06.2013, 08:16
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

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

<style>
    button ~ div{
        background: red;
    }
    button:hover ~ div{
        background:blue;
    }
</style>
<button id="button">Наведи на меня</button>
<div id="block">Этот блок будет менять цвет</div>
Ответить с цитированием
  #6 (permalink)  
Старый 28.06.2013, 08:18
Новичок на форуме
Отправить личное сообщение для ichaos7777 Посмотреть профиль Найти все сообщения от ichaos7777
 
Регистрация: 22.06.2013
Сообщений: 6

Спасибо большое
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Меню всегда сверху MrVOVA Элементы интерфейса 9 16.03.2013 12:31
Хрому не передается background через jquery ryumka Opera, Safari и др. 1 19.09.2012 16:34
onclick по блоку в котором есть ссылки dr_gluk jQuery 2 17.11.2011 13:37
Оцените, пожалуйста код вёрстки OlegALL Ваши сайты и скрипты 18 26.07.2011 08:35
задать Background активной ссылки по ID Funkyou Элементы интерфейса 13 26.11.2010 10:16