EXTREMES - КРУГЛАЯ НАВИГАЦИЯ


EXTREMES - КРУГЛАЯ НАВИГАЦИЯ


Extremes - это простой и легкий jQuery плагин позволяющий размещать элементы по кругу. Особое внимание уделяется разборчивости - текст никогда не будет перевернут вверх ногами. На его основе можно создать круглую навигацию, как в нашем примере.

Разметка HTML
В данном случае список цветов.
            <ul class="colors">
              <li class="red"><a href="#">Red</a></li>
              <li class="brick"><a href="#">Brick</a></li>
              <li class="orange"><a href="#">Orange</a></li>
              <li class="yellow"><a href="#">Yellow</a></li>
              <li class="lime"><a href="#">Lime</a></li>
              <li class="green"><a href="#">Green</a></li>
              <li class="bondi"><a href="#">Bondi</a></li>
              <li class="aqua"><a href="#">Aqua</a></li>
              <li class="blue"><a href="#">Blue</a></li>
              <li class="navy"><a href="#">Navy</a></li>
              <li class="purple"><a href="#">Purple</a></li>
              <li class="violet"><a href="#">Violet</a></li>
              <li class="pink"><a href="#">Pink</a></li>
            </ul>

CSS
Для плагина стили не важны, поэтому не будем их приводить, хотя для оформления списка они используются.

javascript
Подключаем jQuery и плагин extremes:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="../src/extremes.js"></script>
    
    <script type="text/javascript">
    $(document).ready(function(){
        $('.colors').extremes({
            diameter: 50
        });
    })
    </script>


Так же производим инициализация плагина с указанием селектора с которым он будет работать. В данном случае это класс .colors. Можно дополнительно указать диаметр.

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


скрипт EXTREMES - КРУГЛАЯ НАВИГАЦИЯ скрипт
Статистика
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 старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация