Кольцо-курсор с прилипанием
Кольцо тянется за мышью и растягивается на кнопках и ссылках.
ТИЛЬДА УМЕЕТ ЭТО САМА
Меняет форму курсора на встроенную системную там, где это уместно: палец над ссылкой и кнопкой, лупа в зуме картинки, рука в слайдере.
Где это у неё: Только свойством CSS, без единой строки логики. В сохранённом корпусе рантайма — 44 файла tilda-*.js и 20 tilda-*.css — cursor встречается 132 раза и всегда со встроенным значением: pointer 116, default 8, zoom-in и zoom-out 3, grab и grabbing 3, auto 2.
Чего в родной версии нет: Своего курсора Тильда не рисует: ни одного cursor: url(…) в корпусе нет, как нет и ни одной функции с «cursor» в имени. Значит нет и того, что делает мод, — элемента, который едет за мышью с инерцией, растягивается на ссылках и прячет системный курсор. Такой курсор на Тильде существует только кодом.
Как устроен мод
РЕЗУЛЬТАТ
Кольцо тянется за мышью и растягивается на кнопках и ссылках.
КАК ВСТРАИВАЕТСЯ
Готовый файл подключается через блок T123, один раз на страницу — мод работает на всей странице. Класс на секцию не нужен: мод запускается на body и работает на всей странице. Настройки передаются в MK_MOD_012; генератор ниже собирает их без ручной правки JavaScript.
ГРАНИЦЫ БЕЗОПАСНОСТИ
- Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
- Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
- После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.
КРИТЕРИИ ГОТОВНОСТИ
- Сборка 1.2 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 24.07.26.
- Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
- Параметры генератора совпадают с meta.json и попадают в код с правильными типами.
ПАРАМЕТРЫ
- selector body
- Мод один на страницу и цепляется к body. Менять незачем.
- sticky a, button, .t-btn, .t-submit, [data-mk-sticky]
- Селекторы через запятую. Свой элемент проще помечать атрибутом data-mk-sticky.
<script src="https://modkod.ru/mk/v1.2/mod-012.js" defer></script> <script> window.MK_MOD_012 = { size: 28, ease: 0.18, color: '#1B47C4', hideNative: false, }; </script>
Класс не нужен.
/* Класс на секцию не нужен: мод запускается на body и работает на всей странице.
Достаточно двух тегов из блока T123. */
Пять шагов до готовой страницы
- 01 Подготовьте секцию Класс на секцию не нужен: мод запускается на body и работает на всей странице.
- 02 Добавьте блок T123 блок T123, один раз на страницу — мод работает на всей странице. Один блок с кодом ставьте один раз на страницу.
- 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.2; её поведение не изменится само после сдачи сайта.
- 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
- 05 Пройдите приёмку Сборка 1.2 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 24.07.26.
ЕСЛИ НЕ ЗАРАБОТАЛО — ПРОВЕРЬ ПО ПОРЯДКУ
Причины, общие для любого кода на Тильде — страница не опубликована, кеш, блок и секция на разных страницах, — разобраны отдельно: куда вставлять код на Тильде .
Про этот мод написано
3 разбораПохожие задачи
3 модаПодпись у курсора
Показывает рядом с мышью короткую подпись размеченного элемента.
Проявление текста по скроллу
Строки выезжают снизу с задержкой. Шаг и амплитуда настраиваются.
Слайдер из Zero Block
Превращает размеченные элементы Zero Block в свайп-карусель без библиотеки.