Главная » Файлы » Прочие скрипты » jQuery |
Обрезание текста через плагин Readmore на jQuery
23.06.14, 11:31:02 | |
Интересный плагин, позволяющий обрезать большие тексты, позволяя экономить огромное количество места на вашем сайте Для начала посмотрите ДЕМО Установка: После /head на нужных страницах вставляйте: Код <script type="text/javascript" src="/js/jquery.readmore.js"></script> <script> $(document).ready(function () { $(".short").readmore({ substr_len: 19, more_link: '<a class="more something">Читать дальше</a>' }); }); </script> <style type="text/css"> .more { font-weight: bold; color: #FFA73F; cursor: pointer; } </style> Немного разберём настройки: $(".short").readmore({ substr_len: 19, more_link: 'Читать дальше' }); .short - класс, который будет обрабатывать плагин substr_len: 19 - ограничение количества символов Читать дальше - текст, при нажатии на который будет появляться оставшаяся часть текста Сам текст, который необходимо обрезать, прописываем следующим образом: Код <div class="short"> Здесь будет любой текст </div> Остаётся лишь залить скрипт из прикреплённого архива в папку js Материал подготовлен Apocalypse | |
Просмотров: 629 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |