Следование градиента за курсором. Анимация - JavaScript

JavaScript

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

@lenin 1 / 1 / 1 Регистрация: 25.09.2011 Сообщений: 15

	Следование градиента за курсором. Анимация 02.11.2016, 23:35. Показов 2197. Ответов 0 Метки нет (Все метки) Я хочу стилизовать кнопку по типу кнопок в win7. Суть в том, что подсветка следует за курсором. Каким способом это реализовать лучше всего? Пока нашёл вот это: http://jsfiddle.net/maniator/Sf92n/2/ По этой штуке у меня несколько вопросов. 1. Как сделать плавное перемещение этого градиента? Чтобы он немного запаздывал за курсором, а при убирании курсора не исчезал резко, а плавно затухал. transition: background не работает 2. Это же можно переписать без жквери? $('div') вот например это сейчас же можно получить с помощью getElementsByTagName Т.е. здесь жквери не нужен, его использовали, чтобы проще код выглядел? Изображения 0

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

02.11.2016, 23:35

Ответы с готовыми решениями:

Следование за курсором
Неделю изучаю js, попробовал отследить движение курсора и привязать к нему положение элемента. <div...

Следование за курсором
Добрый день, Вопрос таков: у меня есть элементы с классом '.select' и нужно, чтобы при нажатии на них мышкой и перетаскивании появлялся...

Следование объекта за курсором
Только начал постигать OpenGL, как наткнулся на проблему. Красная точка суть позиция курсора. Треугольник должен следовать за ней своей...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

02.11.2016, 23:35

Помогаю со студенческими работами здесь

Следование объекта за курсором мыши
Надо сделать следование объектом(игроком) за курсором мыши. Сделал код для вращения объекта за курсором: private void LookAtMouse() ...

Организовать следование объекта по форме за курсором мыши
Как организовать следование объекта по форме за курсором мыши, при чем объект должен плавно перемещаться, заранее спасибо ;D

Рисование линии как в Paint (фиксация с одного конца и следование за курсором - с другого)
private void tmImgRysownica_MouseDown(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Left) ...

Анимация градиента
Не выходит анимировать переход из одного градиента в другой в фоне дива, вот код: #div:hover { animation: lalala 300ms ease-in-out;...

Анимация градиента
Есть ли возможность сократить или изменить код листинга, но чтобы действие оставалось таким же? <body> <div></div> ...

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

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .

Наверх