Подсветка слов на JQuery

Подсветка слов на JQuery

19.06.201217642

Плагин поможет выделять в тексте термины, слова, выбранные вами, обретут свой собственный стиль. Все, что делает этот плагин, так это задает определенным словам класс «highlight». В CSS вы можете задать стиль для подсвечиваемых слов. Стандартный вариант – сделать фон текста желтым. Это выглядит вполне приемлемо. Подсветка слов на JQuery осуществляется мгновенно, сам плагин займет немного места, код небольшой. Вы можете сделать на сайте поиск по странице, т.е. можно на текущей странице найти слово, используя скрипт.

Подключение JQuery и плагина подсветки слов (в секции HEAD)

Code
<script type="text/javascript" src="http://yraaa.ru/test/53/jquery.js"></script>
<script type="text/javascript" src="jquery.highlight-1.1.source.js"></script>


Код JavaScript

Code
$('#content').highlight("одно слово");
$('#content').highlight(["несколько","слов"]);


Код CSS

Code
.highlight {background:#ff0;}



Сохраните в социальную сеть
Комментарии (2)
Гость 28.07.2012 в 15:11Спам
не совсем понятно как его установить (
0
Гость 28.07.2012 в 15:57Спам
разобрался , внимательнее рассмотрел демку :)
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт