Думаю, многие из вас видели плагин для wordpress. Симпатичный шарик привлек мое внимание и мне захотелось его поковырять...
Разочарованию не было предела ― он оказался на флэше(против флэша ничего не имею). Ладно, флэш так флэш нагуглил исходники, распаковал архивчик, а там… А там море файлов с кодом, файлы для настройки с парой десятков опций, несимпатичный фалик для вывода всего этого, для генерации xml'ки.
С этим я мириться уже никак не хотел и решил написать тоже самое, но на javascript. Привык я работать с jQuery поэтому решил сделать в качестве плагина для него.

Для нетерпеливых:

• Плагин
• Пример

Для остальных немного об использовании:

Список тэгов у нас представлен вот в таком виде:

<div id="tagShpere">
 <ul>
  <li><a href="#">tag0</a></li>
  <li><a href="#">tag1</a></li>
     ****
  <li><a href="#">tagN</a></li>
 </ul>
</div>

* This source code was highlighted with Source Code Highlighter.

Для создания сферы вызываем метод tagSphere у контейнера

$('#tagSphere').tagSphere();

* This source code was highlighted with Source Code Highlighter.

Вот и все наслаждаемся.

Есть еще немного опций:

{
//высота контейнера со сферой
    height: 400,
//ширина контейнера со сферой
    width: 400,
//радиус сферы
    radius: 150,
//скорость вращение
    speed: 3,
//замедление сферы, когда мышка ушла с контейнера
    slower: 0.9,
//задержка между обновлениями позиции тэгов
    timer: 5,
//зависимость размера шрифта от Z
    fontMultiplier: 15,
//css стили тэгов onMouseOver
    tagCSSOver: {
      border: 'solid 1px blue',
      color: 'blue'
    },
//css стили тэгов onMouseOut
    tagCSSOut: {
      border: '',
      color: ''
    }
}

* This source code was highlighted with Source Code Highlighter.

Остальное в своих CSS настраиваем

Итого:

Плюсы

• Легкость использования
• Маленький размер ― 5кб несжатого кода + jQuery
• Нормальная индексация ссылок

Минусы

• Неплохо нагружает проц
• Проблемы с opacity в IE
• Размер шрифта меняется дискретно

P.S.
Если есть идеи, как побороть минусы пишите, буду рад. За пример такой бить не будут? :)
P.P.S.
Статью писал не я, у автора нет возможности писать на хабр.
_________
Текст подготовлен в ХабраРедакторе