ELIPTEXT - РАСПОЛОЖЕНИЕ ТЕКСТА ПО ОКРУЖНОСТИ


ELIPTEXT - РАСПОЛОЖЕНИЕ ТЕКСТА ПО ОКРУЖНОСТИ


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

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


javascript
Подключаем jQuery, плагин eliptext и плагин lettering.js
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.lettering.js"></script>
<script type="text/javascript" src="eliptext.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#curved').elipText({radius: 220});
        $('#curved2').elipText({radius: 160, dir:-1});
    });
</script>


Опции
Доступно всего два параметра для настройки:
'radius' : 200, - радиус
dir: 1 - направление, -1 - вогнутость, 1 - выпуклость

Скачать исходник:
Desktop.rar


скрипт ELIPTEXT - РАСПОЛОЖЕНИЕ ТЕКСТА ПО ОКРУЖНОСТИ скрипт
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 3333
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация