Input type=color

@irinapkn · Регистрация: 02.11.2015

Студворк — интернет-сервис помощи студентам

Как сделать, чтобы при выборе цвета менялся фон, при условии, что фон градиент из двух цветов?

@2849141 · 02.11.2015, 21:30

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>bg gradient</title>
    <script src="js/jquery.js"></script>
    <script src="js/functions.js"></script>
    <link rel="stylesheet" href='style.css' type='text/css'>
</head>
<body>
        <input id="color1" type="color">
        <input id="color2" type="color">
</body>
</html>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$(function(){
    $("#color1").change(function(){
        var clr1 = $(this).val();
        var clr2 = $('#color2').val();
        document.getElementsByTagName('body')[0].style.backgroundImage = 'linear-gradient(' + clr1 + ', ' + clr2 + ')';
    });
    $("#color2").change(function(){
        var clr1 = $('#color1').val();
        var clr2 = $(this).val();
        document.getElementsByTagName('body')[0].style.backgroundImage = 'linear-gradient(' + clr1 + ', ' + clr2 + ')';
    });
});

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки на предмет заполнения реквизитов реализован с целью установки значения по умолчанию,. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .

@irinapkn 0 / 0 / 0 Регистрация: 02.11.2015 Сообщений: 2

	Input type=color 02.11.2015, 20:49. Показов 1975. Ответов 1 Метки нет (Все метки) Как сделать, чтобы при выборе цвета менялся фон, при условии, что фон градиент из двух цветов? 0

Input type=color

Решение