Форма входа

    Бесплатный раздел

    Вы здесь: Главная страница » Файлы » Хаки / Дополнения
    Уважаемые друзья и пользователи сайта ART-UCOZ!

    Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина ART-UCOZ. С 05.11.2022 года сайт ART-UCOZ.RU продолжит работать в качестве каталога файлов, статей и информации. Будет закрыт только раздел интернет-магазина!

    Все товары были перенесены в наш новый проект SHOPTHEMES - Vendor Marketplace (https://shopthemes.ru), над которым мы долго работали и продолжаем улучшать его в настоящее время.
    Вас ждут: личный кабинет, возможность пополнения баланса на любую сумму, зачисление бонусов за посещение, перевод средств между пользователями, вывод средств (для продавцов), личный чат, больше новых цифровых товаров и многое другое.

    Уважаемые пользователи!
    Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
    Подобные просьбы и вопросы - будут игнорироваться!

    Умный, адаптивный текстовый jQuery плагин - TextTailor.js

    Дата добавления: 29.01.2019 - 23:17
    Добавил: Buger
    Количество просмотров: 1.4k
    Количество комментариев: 0
    Размер файла: 15.4 Kb
    Рейтинг материала: 5.0 / 1
    Умный, адаптивный текстовый jQuery плагин - TextTailor.js
    БЕСПЛАТНО
    Скачать файл с сервера
    рейтинг 5.0
    /
    голосов 1
    TextTailor.js - это плагин jQuery, разработанный для адаптивного веб-дизайна, который автоматически изменяет размер шрифта, чтобы ваш текст помещался в его родительский контейнер.

    Плагин также имеет возможность скрыть переполненный текст с помощью многоточия на тот случай, если ваш текст не соответствует высоте (фиксированной или процентной) родительского контейнера.

    Основное использование:


    1. У вас должна быть подключена последняя версия библиотеки jQuery.

    2. Подключите jQuery плагин texttailor.js внизу вашей адаптивной веб-страницы.
    Код
    <script src="jquery.texttailor.js"></script>


    3. Оберните ваш текст в элемент контейнера.
    Код
    <div class="demo">
      Здесь будет ваш текст...
    </div>


    4. Задайте высоту (фиксированную или в процентах) элементу контейнера в CSS.
    Код
    .demo {
      width: xx%;
      height: xx%;
    }


    5. Далее нам нужно вызвать плагин на контейнере, чтобы активировать реагирующий текст.
    Код
    $('.demo').textTailor();


    6. Вы можете использовать доступные опции:
    Код
    $('.demo').textTailor({
      ...,
      ...
    });

    minFont: 1 - минимальный шрифт (используется с fit: true)
    maxFont: 9999 - максимальный шрифт (используется с fit: true)
    preWrapText: false - добавляет css -> white-space: pre-line
    lineHeight: 1.45 - свойство line-height
    resizable: true - для изменения размера окна
    debounce: false - используется с resizable: true
    fit: true - подгоняет текст по высоте и ширине родителя
    ellipsis: true - добавляет многоточие к тексту, если он не влезает в контейнер
    center: false - абсолютный центр относительно родителя
    justify: false - добавляет css -> text-align: justif
    Добавлять комментарии могут только зарегистрированные пользователи.


    Поделись с друзьями: