Телеграмм чат группы frontend_ru страница 3544

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Frontend_ru

1115 membersпожаловаться на группу

2020 June 20

AN

Anton Nemtsev in Frontend_ru

Всем привет. Нужна ваша помощь.
Возможно уже кто-то сталкивался с таким, я впервые.
И не могу ничего найти толком.
Я не прошу помочь сделать, а хотя бы подсказать куда копать)
Всем заранее благодарен за помощь.

Вот есть сайт на котором есть блок, который нужно повторить также.
https://basicagency.com/about

Вот этот блок
https://prnt.sc/t3gm7d
Проблема такая, не понимаю как сделать так. При наведении на список, появляется картинка, и двигается за курсором.

Любая подсказка от вас, будет очень нужна.
Всем заранее еще раз спасибо.

эм … а что именно не получается?
1. как отобразить картинку при наведении понимаешь?
2. как слушать изменения положения мышки понимаешь?
3. как изменить положение картинки понимаешь?

источник

23:46пожаловаться #1

v

v.fedchenko in Frontend_ru

эм … а что именно не получается?
1. как отобразить картинку при наведении понимаешь?
2. как слушать изменения положения мышки понимаешь?
3. как изменить положение картинки понимаешь?

да, только "1"
Нужно на список, поставить событие mouseover/mouseout. Чоб появилось изображение.
а 2 и 3 - не понимаю.

источник

23:49пожаловаться #2

2020 June 21

AN

Anton Nemtsev in Frontend_ru

2: как слушать изменения положения мышки

допустим у тебя есть блок

<nav className="xuy"></nav>

в котором твоё меню.
1. получаем элемент const element = document.querySelector('.xuy')
2. добавляем событие на вход и выход курсора из элемента:

el

ement.addEventListener('mouseenter', mouseEnterHandler);
element.addEventListener('mouseout', mouseOutHandler);
3

. когда курсор вошел в контейнер запускаем requestAnimationFrame и на каждый фрейм позиционируем блок с картинкой по курсору. кроме того навешиваем слушатель mousemove на document и сохраняем в переменной типа https://www.dev-notes.com/blog/2008/07/30/get-current-mouse-cursor-position-with-javascript/
4. когда курсор вышел из контейнера останавливаем requestAnimationFrame и гасим событие onmousemove

справишься?

источник

00:00пожаловаться #3

S

Syntax Highlight Bot in Frontend_ru

2: как слушать изменения положения мышки

допустим у тебя есть блок

<nav className="xuy"></nav>

в котором твоё меню.
1. получаем элемент const element = document.querySelector('.xuy')
2. добавляем событие на вход и выход курсора из элемента:

el

ement.addEventListener('mouseenter', mouseEnterHandler);
element.addEventListener('mouseout', mouseOutHandler);
3

. когда курсор вошел в контейнер запускаем requestAnimationFrame и на каждый фрейм позиционируем блок с картинкой по курсору. кроме того навешиваем слушатель mousemove на document и сохраняем в переменной типа https://www.dev-notes.com/blog/2008/07/30/get-current-mouse-cursor-position-with-javascript/
4. когда курсор вышел из контейнера останавливаем requestAnimationFrame и гасим событие onmousemove

справишься?

источник

00:00пожаловаться #4

S

Syntax Highlight Bot in Frontend_ru

2: как слушать изменения положения мышки

допустим у тебя есть блок

<nav className="xuy"></nav>

в котором твоё меню.
1. получаем элемент const element = document.querySelector('.xuy')
2. добавляем событие на вход и выход курсора из элемента:

el

ement.addEventListener('mouseenter', mouseEnterHandler);
element.addEventListener('mouseout', mouseOutHandler);
3

. когда курсор вошел в контейнер запускаем requestAnimationFrame и на каждый фрейм позиционируем блок с картинкой по курсору. кроме того навешиваем слушатель mousemove на document и сохраняем в переменной типа https://www.dev-notes.com/blog/2008/07/30/get-current-mouse-cursor-position-with-javascript/
4. когда курсор вышел из контейнера останавливаем requestAnimationFrame и гасим событие onmousemove

справишься?

источник

00:00пожаловаться #5

AN

Anton Nemtsev in Frontend_ru

3. картинку позиционируешь fixed или absolute и присваиваешь top и left в соответствии с положением курсора и размерами картинки

источник

00:01пожаловаться #6

K

Krau5 in Frontend_ru

2: как слушать изменения положения мышки

допустим у тебя есть блок

<nav className="xuy"></nav>

в котором твоё меню.
1. получаем элемент const element = document.querySelector('.xuy')
2. добавляем событие на вход и выход курсора из элемента:

el

ement.addEventListener('mouseenter', mouseEnterHandler);
element.addEventListener('mouseout', mouseOutHandler);
3

. когда курсор вошел в контейнер запускаем requestAnimationFrame и на каждый фрейм позиционируем блок с картинкой по курсору. кроме того навешиваем слушатель mousemove на document и сохраняем в переменной типа https://www.dev-notes.com/blog/2008/07/30/get-current-mouse-cursor-position-with-javascript/
4. когда курсор вышел из контейнера останавливаем requestAnimationFrame и гасим событие onmousemove

справишься?

хуевый блок так скажем

источник

00:05пожаловаться #7

AN

Anton Nemtsev in Frontend_ru

хуевый блок так скажем

а кому сейчас легко?

источник

00:06пожаловаться #8

v

v.fedchenko in Frontend_ru

2: как слушать изменения положения мышки

допустим у тебя есть блок

<nav className="xuy"></nav>

в котором твоё меню.
1. получаем элемент const element = document.querySelector('.xuy')
2. добавляем событие на вход и выход курсора из элемента:

el

ement.addEventListener('mouseenter', mouseEnterHandler);
element.addEventListener('mouseout', mouseOutHandler);
3

. когда курсор вошел в контейнер запускаем requestAnimationFrame и на каждый фрейм позиционируем блок с картинкой по курсору. кроме того навешиваем слушатель mousemove на document и сохраняем в переменной типа https://www.dev-notes.com/blog/2008/07/30/get-current-mouse-cursor-position-with-javascript/
4. когда курсор вышел из контейнера останавливаем requestAnimationFrame и гасим событие onmousemove

справишься?

попробую, спасибо большое)

источник

00:08пожаловаться #9

AN

Anton Nemtsev in Frontend_ru

попробую, спасибо большое)

если запнешься на чем то конкретном — напиши.
правда тут уже поздно, я не трезв и хочется верить, что скоро отрублюсь.

источник

00:09пожаловаться #10

v

v.fedchenko in Frontend_ru

если запнешься на чем то конкретном — напиши.
правда тут уже поздно, я не трезв и хочется верить, что скоро отрублюсь.

хорошо, спасибо. Если будеш онлайн, завтра отпишу получилось ли у меня.

источник

00:12пожаловаться #11

YD

Yurii Dushenko in Frontend_ru

Вы не выкупили моего прикола 😉

источник

00:23пожаловаться #12

IN

Igor N in Frontend_ru

давайте без флуда

источник

00:24пожаловаться #13

K

Krau5 in Frontend_ru

давайте без флуда

ну я же говорил, что накроют нашу конторку

источник

00:28пожаловаться #14

K

Krau5 in Frontend_ru

ну зочем, все же так хорошо было

источник

00:28пожаловаться #15

IN

Igor N in Frontend_ru

в личку идите. Тут больше тысячи человек ваш флуд читают

источник

00:29пожаловаться #16

K

Krau5 in Frontend_ru

в личку идите. Тут больше тысячи человек ваш флуд читают

ну так хороший флуд же был

источник

00:30пожаловаться #17

NN

No Name in Frontend_ru

Прикольная защита от ботов)

источник

12:27пожаловаться #18

T

TechFather in Frontend_ru

Если вы не бот - нажмите эту кнопку.
У вас есть пять минут, потом вы будете удалены из группы.

источник

17:33пожаловаться #19

УВ

Учусь Вебу in Frontend_ru

Парни решил записать урок по html. Как качество записи? Что посоветуете исправить? Может темп речи, интонацию или что то еще?

источник

21:53пожаловаться #20