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

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

02012-06-1932302Денис Абдуллин
Плагин поможет выделять в тексте термины, слова, выбранные вами, обретут свой собственный стиль. Все, что делает этот плагин, так это задает определенным словам класс «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;}

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (2)
Гость 2012-07-28 в 15:57 / МатериалСпам
разобрался , внимательнее рассмотрел демку :)
0
Гость 2012-07-28 в 15:11 / МатериалСпам
не совсем понятно как его установить (
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.