Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Сокращение описания
DEMO +
Всем привет, сегодня у нас небольшой но полезный скрипт. Код позволит отображать полное описание новости в кратком виде.

Установка:
1. Обвернуть Message в div:
Код
<div class="T-Brief Brief">$MESSAGE$</div>


2. Добавить Js на страницу полного описания:
Код
<script>  
function FulBrief() {  
var Brief = $('.T-Brief').height()  
if(Brief < 150) {  
$('.T-Brief').removeClass('Brief');  
$('#BriefFull').hide();  
   
} else {  
$('.T-Brief').addClass('Brief'); $('#BriefFull').show(); }  
};  
FulBrief();  
$(window).resize(function() {FulBrief(); });  
$('#BriefFull').click(function() {  
$('.T-Brief').removeClass('Brief');  
$('#BriefFull').hide();  
});  
</script>


3. Добавим базовые стили кнопки отображения и скрытия описания:
Код
.Brief {max-height: 100px; overflow: hidden;  
  display: inline-block;  
}  
#BriefFull {  
  background: #ccc;  
  padding: 5px 0px;  
  text-align: center;  
  font-weight: bold;cursor: pointer;  
  margin-top: 5px;  
}
Данный раздел авторский все работы являются собственностью BS (mybeststudio.ru) любое коммерческое использование строго запрещено.

При копировании материала указываем источник MyBeststudio.ru.

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Best_Studio
Дата добавления: 10.03.2017 в 07:10 по МСК
Категория: Другие модули
Просмотров: 241
Комментариев: 2
Эмоций:
Теги: Min, js, Limit, Brief, Message
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
BALCETUL
23.04.2017 | # |№1
Скрытие текста влияет как нибудь на поисковую систему?
Ok

Best_Studio
23.04.2017 | # |№2
Нет
Ok