5 460 Скрипты / Text

ElipText - расположение текста по окружности

Плагин ElipText позволяющий раположить текст по заданному в настройках радиусу. Для работы требуется подключение ещё одной библиотеки lettering.js.

HTML

<span id="curved">Текст располагается по окружности</span>
<span id="curved2">Пример текста располагающегося по кругу</span>

JS

Подключаем jQuery, плагин eliptext и плагин lettering.js

<script type="text/jаvascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/jаvascript" src="jquery.lettering.js"></script>
<script type="text/jаvascript" src="eliptext.js"></script>
<script type="text/jаvascript">
    $(document).ready(function () {
        $('#curved').elipText({radius: 220});
        $('#curved2').elipText({radius: 160, dir:-1});
    });
</script>

Опции

Доступно всего два параметра для настройки:

  • 'radius' : 200, - радиус
  • dir: 1 - направление, -1 - вогнутость, 1 - выпуклость
Скачать 1170Загрузок 2,3 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи