Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Другие модули
- Сокращение описания
DEMO
+
Всем привет, сегодня у нас небольшой но полезный скрипт. Код позволит отображать полное описание новости в кратком виде.
Установка:
1. Обвернуть Message в div:
2. Добавить Js на страницу полного описания:
3. Добавим базовые стили кнопки отображения и скрытия описания:
Установка:
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>
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;
}
display: inline-block;
}
#BriefFull {
background: #ccc;
padding: 5px 0px;
text-align: center;
font-weight: bold;cursor: pointer;
margin-top: 5px;
}
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Best_Studio
Дата добавления: 10.03.2017 в 07:10 по МСК
Категория: Другие модули
Просмотров: 617
Комментариев: 2
Эмоций:
Дата добавления: 10.03.2017 в 07:10 по МСК
Категория: Другие модули
Просмотров: 617
Комментариев: 2
Эмоций:
Теги:
| |