Как создать эффект на веб-странице для выделения части текста с помощью jquery

Question

Как создать эффект (с помощью jquery) на веб-странице, когда пользователь выбирает часть текста, затем выделяет абзац и затемняет другую часть страницы? Как можно создать этот эффект? Например, можете увидеть эту ссылку

на этом изображении отображается веб-страница перед выделением текста (вверху изображения) и при выделении части текста с помощью курсора мыши (внизу изображения): просмотр изображения

Answer 1

Вы можете использовать CSS-переходы и JQuery

вот мое решение с использованием CSS-перехода и JQuery

a {
  color:blue;
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:color .2s ease-out, background 2s ease-in;
  -ms-transition:color .2s ease-out, background 2s ease-in;
  -moz-transition:color .2s ease-out, background 2s ease-in;
  -webkit-transition:color .2s ease-out, background 2s ease-in;
  /* ...and now for the proper property */
  transition:color .2s ease-out, background 2s ease-in;
}

отредактировано DEMO LINK