Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.01.2015, 21:44
Новичок на форуме
Отправить личное сообщение для dmitry_martt Посмотреть профиль Найти все сообщения от dmitry_martt
 
Регистрация: 10.01.2015
Сообщений: 4

Смена bg-image при наведении курсора
Всем привет. Мой вопрос не просто "Как заставить меняться фон.изображение при наведении курсора", а как сделать так, чтобы фоновое изображение в блоке div1 менялось при наведении курсора на блок div2? Эти блоки не входят друг в друга, т.е. не являются родительским-дочерним.
Ответить с цитированием
  #2 (permalink)  
Старый 10.01.2015, 22:34
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

А в чём именно сложность, покажи код?
Ответить с цитированием
  #3 (permalink)  
Старый 11.01.2015, 01:45
Новичок на форуме
Отправить личное сообщение для dmitry_martt Посмотреть профиль Найти все сообщения от dmitry_martt
 
Регистрация: 10.01.2015
Сообщений: 4

Сообщение от Safort Посмотреть сообщение
А в чём именно сложность, покажи код?
Сложность в том, что я абсолютно не знаю js, а мне нужно сестре доделать сайт за 3 дня. И сейчас нет времени читать все учебники :-(
Всё что касается html уже всё написал. Осталось добавить немного динамики. Код не скидываю, т.к. его какбы и нет (что касается скриптов). Вот скриншот страницы. Мне нужно, чтобы при наведении курсора на блоки слева менялось изображение в правой части. Сможешь помочь? Можно по почте связаться.. В общем отблагодарю, если сможешь чем-то помочь :-) времени очень мало, не хочу подводить людей :-(
Изображения:
Тип файла: jpg Скриншот Мебель.jpg (175.4 Кб, 7 просмотров)
Ответить с цитированием
  #4 (permalink)  
Старый 11.01.2015, 02:17
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от dmitry_martt
Эти блоки не входят друг в друга, т.е. не являются родительским-дочерним.
<style type="text/css">
.s {
  border:1px solid red;
  position:absolute;
  background-size:auto 40px!important;
  width:200px;
  height:80px;
}
#1{
  background:url(http://javascript.ru/forum/images/smilies/lol.gif) no-repeat center;
}
#2{
  margin:50px 400px;
  cursor:pointer;
  background:url(http://javascript.ru/forum/images/smilies/tongue.gif) no-repeat center;
}
#2:hover+#1{
 background-image:url(http://javascript.ru/forum/images/smilies/blink.gif)
}
</style>
<div id=2 class="s">2     Наводим Кусор сюда!</div>
<div id=1  class="s">1</div>
Ответить с цитированием
  #5 (permalink)  
Старый 11.01.2015, 11:04
Кандидат Javascript-наук
Отправить личное сообщение для soltx Посмотреть профиль Найти все сообщения от soltx
 
Регистрация: 19.05.2013
Сообщений: 144

вот пример:
Смена изображения при наведении курсора
и еще множество примеров https://www.google.ru/search?newwind....6 qe7vmPMt8c
Ответить с цитированием
  #6 (permalink)  
Старый 11.01.2015, 14:49
Новичок на форуме
Отправить личное сообщение для dmitry_martt Посмотреть профиль Найти все сообщения от dmitry_martt
 
Регистрация: 10.01.2015
Сообщений: 4


Спасибо! Сейчас буду разбираться..
Ответить с цитированием
  #7 (permalink)  
Старый 11.01.2015, 14:57
Новичок на форуме
Отправить личное сообщение для dmitry_martt Посмотреть профиль Найти все сообщения от dmitry_martt
 
Регистрация: 10.01.2015
Сообщений: 4


#2:hover+#1 Вот именно здесь я допускал ошибку. Благодарю!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как увеличить номера телефонов при наведении курсора? НИКИ Общие вопросы Javascript 7 30.03.2014 10:06
Смена картинки при наведении курсора на поле. ExtrAngel Общие вопросы Javascript 1 27.11.2013 23:11
Смена картинки при наведении курсора Heidel jQuery 1 06.11.2012 22:03
Смена картинок при наведении utb jQuery 0 06.04.2012 08:58
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06