Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
Модератор
Эксперт HTML/CSS
1552 / 1036 / 504
Регистрация: 13.03.2010
Сообщений: 3,765
1

Смена фона сайта в зависимости от положения курсора

02.05.2015, 16:47. Показов 1365. Ответов 4
Метки нет (Все метки)

Добрый день.
Столкнулся с проблемой. Есть страница, когда курсор в левой части - один фон, когда в правой - другой. Своих мыслей для реализации не хватает, прошу помощи знающих людей.
Заранее спасибо.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
02.05.2015, 16:47
Ответы с готовыми решениями:

Цвет фона в зависимости от положения курсора
Народ как реализовать) Цвет фона в зависимости от положения курсора. Есть два скрипта(...

Цвет фона формы в зависимости от положения курсора
Есть форма, допустим 300х300. Когда курсор на координатах 0 0 - форма белая. Когда на 300х300 (или...

Отображание данных в зависимости от положения курсора
пример: есть лист с общими продажами (строки - товар, столбцы - дата, значения - колво проданного),...

Поворот курсора мыши в зависимости от его положения
Подскажите, пожалуйста, что сделать чтобы замененный курсор плавно менял свой наклон, не более +-30...

4
346 / 321 / 203
Регистрация: 27.06.2014
Сообщений: 762
02.05.2015, 17:17 2
Лучший ответ Сообщение было отмечено gogolik как решение

Решение

Javascript
1
2
3
4
document.addEventListener("mousemove",function(e){
    var w = window.innerWidth;
    document.body.style.background = e.clientX>(w/2)?"red":"green";
})
1
Модератор
Эксперт HTML/CSS
1552 / 1036 / 504
Регистрация: 13.03.2010
Сообщений: 3,765
02.05.2015, 17:18  [ТС] 3
Спасибо, попробуем. Возможно ли этот же код провернуть с фоновыми изображениями?
0
346 / 321 / 203
Регистрация: 27.06.2014
Сообщений: 762
02.05.2015, 17:27 4
Лучший ответ Сообщение было отмечено gogolik как решение

Решение

Javascript
1
2
3
document.body.style.background = e.clientX>(w/2)?"url('рис1')":"url('рис2')"; 
// рис1 будет появляться при наведении курсора в правую часть экрана
// рис2 в левую часть экрана
1
Модератор
Эксперт HTML/CSS
1552 / 1036 / 504
Регистрация: 13.03.2010
Сообщений: 3,765
02.05.2015, 17:51  [ТС] 5
Огромное спасибо!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
02.05.2015, 17:51

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Изменять активность кнопки в зависимости от положения курсора
Создать кнопку, для нее использовать функцию Enabled и что бы при движении мыши вниз онa менялaсь....

JavaScript Движение изображения в зависимости от положения курсора
В общем задумка такая: У меня есть поле ввода и есть картинка. Когда в поле вводятся данные,...

Активный блок, регулирование прозрачности в зависимости от положения курсора
Есть блок с формами: <div id="fast_zakaz"> <div id="vse_formu"> ...

Как реализовать изменения угла Image в зависимости от положения курсора мыши
Как реализовать изменения угла Image так, чтобы угол изменялся в зависимости от положения курсора...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.