Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.94/18: Рейтинг темы: голосов - 18, средняя оценка - 4.94
0 / 0 / 0
Регистрация: 10.12.2015
Сообщений: 8

Как изменить цвет body при наведение на ссылку?

10.12.2015, 19:22. Показов 3453. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Сделать в html , с помощью java script и onmauseover, чтобы при наведении на ссылку менялся цвет фона текущей страницы, а при покидании курсором ссылки -становился прежним.По умолчанию цвет фона черный,при наведении на первую ссылку становиться зеленым,а при наведении на вторую желтым.
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
10.12.2015, 19:22
Ответы с готовыми решениями:

При наведение на границу ячейки, изменить цвет текста. Ну как-то так
Привет всем. Не могу сформулировать проблему, чтобы поискать в гугле или правильно обозначить вопрос. В общем такое дело : есть...

Как изменить стиль кнопки при наведение на нее курсора?
Все обыскал, найти не могу.

Как изменить цвет пункта ListView при нажатии на него и сохранять его цвет при проматывании списка?
Здравствуйте, подскажите, пожалуйста, как изменить цвет пункта ListView при нажатии на него и сохранять его цвет при проматывании списка? ...

4
 Аватар для GoDr
90 / 79 / 33
Регистрация: 17.08.2015
Сообщений: 512
Записей в блоге: 1
10.12.2015, 21:08
Лучший ответ Сообщение было отмечено whiteapps как решение

Решение

как-то так. логику думаешь поймаешь
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <style>
        a {
            cursor: pointer;
        }
 
        ul {
            display: flex;
        }
 
        li {
            margin: 20px;
        }
    </style>
</head>
<body>
<ul>
    <li><a id="but1">Красный</a></li>
    <li><a id="but2">Зелёный</a></li>
    <li><a id="but3">Синий</a></li>
</ul>
 
<script>
    $(function () {
        $('a').on('mouseover', function () {
            var aid = this.id;
            if (aid == 'but1') {
                $('body').css('background', '#ff0000');
            } else if (aid == 'but2') {
                $('body').css('background', '#00ff00');
            } else if (aid == 'but3') {
                $('body').css('background', '#0000ff');
            }
        });
    }).on('mouseout', function () {
        $('body').css('background', '#ffffff');
    });
</script>
</body>
</html>
Демо

Добавлено через 1 минуту
два вопроса:
- что будет если убрать курсор со ссылки?
- почему не "клик"?
0
0 / 0 / 0
Регистрация: 10.12.2015
Сообщений: 8
12.12.2015, 15:07  [ТС]
если убрать курсор, то фон снова должен быть черным, а не клик ,потому что так преподаватель придумал.
0
 Аватар для GoDr
90 / 79 / 33
Регистрация: 17.08.2015
Сообщений: 512
Записей в блоге: 1
12.12.2015, 15:12
Надежда_Алексан,Так это то что нужно или как?
0
0 / 0 / 0
Регистрация: 10.12.2015
Сообщений: 8
12.12.2015, 16:39  [ТС]
Спасибо большое, немного переделала, а так в общем то, что нужно)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
12.12.2015, 16:39
Помогаю со студенческими работами здесь

Transition при наведение менять цвет другого элемента
Как сделать так чтобы при на наведение на элемент менялся цвет другого элемента transition JS советовать не надо &lt;div...

Как изменить фон страницы при нажатий на ссылку?
Есть ссылка. При нажатии на ссылку нужно изменить цвет фона страницы. При этом цвет фона страницы прописан в отдельном css файле.

Как изменить цвет кнопки при наведении?
Сейчас у меня стоит стиль кнопки: flat При наведении цвет меняется на серый, но я это нигде не указывал. Можно сделать чтобы он не...

Как изменить цвет слова при замене?
Использую вот такую функцию(см ниже) в макросе WordXP. Но надо сделать так, чтобы заменённое слово 'Вася' выделялось красным - чтоб было...

Как изменить цвет кнопки при нажатии?
Доброго времени суток. Ребята, подскажите пожалуйста как изменить цвет кнопки при нажатии?


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru