Подсветка слов на JQuery
Плагин поможет выделять в тексте термины, слова, выбранные вами, обретут свой собственный стиль. Все, что делает этот плагин, так это задает определенным словам класс «highlight». В CSS вы можете задать стиль для подсвечиваемых слов. Стандартный вариант – сделать фон текста желтым. Это выглядит вполне приемлемо. Подсветка слов на JQuery осуществляется мгновенно, сам плагин займет немного места, код небольшой. Вы можете сделать на сайте поиск по странице, т.е. можно на текущей странице найти слово, используя скрипт.
Подключение JQuery и плагина подсветки слов (в секции HEAD)
Код JavaScript
Код CSS
Подключение 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>
<script type="text/javascript" src="jquery.highlight-1.1.source.js"></script>
Код JavaScript
Code
$('#content').highlight("одно слово");
$('#content').highlight(["несколько","слов"]);
$('#content').highlight(["несколько","слов"]);
Код CSS
Code
.highlight {background:#ff0;}
Создать сайт в uKit
Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (2)
0
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Легко! Если пользоваться нашими советами.
