Главная » Файлы » Прочие скрипты » 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
Категория: jQuery | Добавил: Apocalypse | Теги: Readmore, Через, на, плагин, JQuery, текста, Обрезание
Просмотров: 484 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: