Очень часто вебмастера задаются вопросом, как сделать ограничение на количество символов в заголовках либо в обычном тексте, чтобы в фиксированных блоках не плыла верстка. Вот один из способов решен при помощи JS.
1. В любой файл с расширением js добавить в самый низ:
function maxSymbols ($elem, num, fadeLength) {
var text = $elem.text(),
temp = text.split(''),
step,
fade,
result;
if (!fadeLength) {
fadeLength = 10;
}
fade = temp.slice(num - fadeLength, num);
temp.length = num - fadeLength;
result = temp.join('');
for (var i = 0; i < fadeLength; i++) {
step = +(1 - (1 / fadeLength * i)).toFixed(2);
result += '<span style="opacity: ' + step + '">' + fade[i] + '</span>';
}
$elem.html(result);
}
// ограничим текст в блоке до 100 символов
// причем последние 20 будут исчезать с эффектом fadeOut
maxSymbols($('.test'), 100, 20);
2. Добавить класс к тексту, в котором необходимо сократить количество символов:
<div class="test">Zapilim.net - веб-студия по разработке шаблонов, сайтов. мы оказываем качественные услуги в области веб технологий. На нашем портале Вы сможете найти различные [url=http://zapilim.net/theme/]шаблоны для DLE[/url], ответы на вопросы...</div>