Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.82/11: Рейтинг темы: голосов - 11, средняя оценка - 4.82
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3970 / 2092 / 832
Регистрация: 13.03.2010
Сообщений: 6,905

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

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

Студворк — интернет-сервис помощи студентам
Добрый день.
Столкнулся с проблемой. Есть страница, когда курсор в левой части - один фон, когда в правой - другой. Своих мыслей для реализации не хватает, прошу помощи знающих людей.
Заранее спасибо.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
02.05.2015, 16:47
Ответы с готовыми решениями:

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

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

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

4
 Аватар для arcmag
347 / 322 / 203
Регистрация: 27.06.2014
Сообщений: 762
02.05.2015, 17:17
Лучший ответ Сообщение было отмечено 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
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3970 / 2092 / 832
Регистрация: 13.03.2010
Сообщений: 6,905
02.05.2015, 17:18  [ТС]
Спасибо, попробуем. Возможно ли этот же код провернуть с фоновыми изображениями?
0
 Аватар для arcmag
347 / 322 / 203
Регистрация: 27.06.2014
Сообщений: 762
02.05.2015, 17:27
Лучший ответ Сообщение было отмечено gogolik как решение

Решение

JavaScript
1
2
3
document.body.style.background = e.clientX>(w/2)?"url('рис1')":"url('рис2')"; 
// рис1 будет появляться при наведении курсора в правую часть экрана
// рис2 в левую часть экрана
1
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3970 / 2092 / 832
Регистрация: 13.03.2010
Сообщений: 6,905
02.05.2015, 17:51  [ТС]
Огромное спасибо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
02.05.2015, 17:51
Помогаю со студенческими работами здесь

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

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

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

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

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


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru