jTruncate - это плагин для jQuery, который позволяет легко прятать лишний текст на вашей веб-странице.
Этот плагин будет полезен для страниц перегруженных различной информацией.

jtruncate
jTruncate вызывается точно также как и большинство плагинов для jQuery.

$().ready(function() {
$('#example1').jTruncate();
});

Также этот плагин имеет ряд опций, которые позволяют настраивать различные аспекты его работы:

length: По умолчанию 300  
/*Число символов на экране перед обрезанием.*/

minTrail: По умолчанию 20  
/*Минимальное количество "extra" символов, необходимых для урезания. Эта функция позволяет вам предотвратить усечение части текста, который лишь на несколько символов больше, чем указано в length.*/

moreText: По умолчанию "more" 
/* Текст для ссылки открывающей спрятанный текст.*/

lessText: По умолчанию "less"
/* Текст для ссылки скрывающей текст.*/

ellipsisText: По умолчанию "..."
/* Текст который добавляется перед "обрезанной частью" */

moreAni: По умолчанию пустая строка  
/*Определяет скорость открытия, аргумент для метода show() (подробнее здесь).*/

lessAni: По умолчанию пустая строка 
/* Определяет скорость скрытия текста, аргумент для метода hide() (подробнее здесь). */


Ниже представлен пример, который демонстрирует эти опции в работе:

$().ready(function() { 
 $('#example2').jTruncate({ 
 length: 200, 
 minTrail: 0, 
 moreText: "[читать дальше]", 
 lessText: "[спрятать]", 
 ellipsisText: " (обрезано)", 
 moreAni: "fast", 
 lessAni: 2000 
}); 
});


Пример:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam fringilla, purus a ultrices blandit, odio ante scelerisque neque, vitae imperdiet odio velit ac nisl. Sed tortor metus, placerat condimentum, feugiat in, feugiat adipiscing, mi. Donec pulvinar sem vitae leo. Vestibulum eget lectus et ligula hendrerit pharetra. Sed porta justo ac nisl. Aliquam nisi erat, pellentesque sed, sagittis eu, fringilla sit amet, dolor. Nam ac mi. Pellentesque pede purus, mattis aliquet, semper nec, cursus a, orci. Duis bibendum nibh ac massa. Integer eu tortor. Aenean convallis quam at nunc. Nunc mollis tincidunt nisi. Suspendisse mauris odio, iaculis ut, feugiat vitae, ultrices in, tortor. Quisque at elit. In hac habitasse platea dictumst.

Скачать плагин

Источник


Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом

You have no rights to post comments