← Все примеры

JavaScript Чтение и фокус

Фокус на текущем абзаце

Приглушает все абзацы и подсвечивает только тот, что под курсором, помогая сосредоточиться.

Код для копирования

(function () {
  var article = document.querySelector('article, .post, .entry-content, main');
  if (!article) return;
  var paras = article.querySelectorAll('p');
  if (!paras.length) return;
  paras.forEach(function (p) {
    p.style.transition = 'opacity 0.2s ease';
    p.style.opacity = '0.35';
    p.addEventListener('mouseenter', function () { p.style.opacity = '1'; });
    p.addEventListener('mouseleave', function () { p.style.opacity = '0.35'; });
  });
})();

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение