Webmasters.BY

Главная Статьи Веб-программирование jTruncate - прячем все лишнее.
jTruncate - прячем все лишнее.
Рейтинг пользователей: / 6
ХудшийЛучший 
03.10.2008 12:24

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.

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

Источник

Добавить комментарий


Защитный код
Обновить

Если вы заметили ошибку в тексте новости, пожалуйста, выделите её и нажмите Ctrl+Enter
Обновлено 15.10.2008 15:06
 

Трастлинк

Голосование

Ваш любимый html-редактор?

Новые файлы

Шпаргалка по HTML5 Canvas

Archive - бесплатный кириллический шрифт

Шпаргалка по HTML5 атрибутам обработчиков событий

См. также

activecloud.ru

Видеоуроки

Система Orphus

Кто онлайн

Сейчас 30 гостей онлайн

Комментарии

Статистика





JoomlaWatch Stats 1.2.7 by Matej Koval
Webmasters.BY © 2008 - 2012