jQuery плагин - MobilyBlocks

Маленький плагин jQuery(2KB), который преобразует неупорядоченный список элементов в анимированный круг.

Использование

JavaScript

$('.blocks').mobilyblocks({
    trigger: 'click', // click или hover (событие, по которому разворачивается круг)
    direction: 'clockwise', // clockwise или counter (направление разворачивания фигур по кругу)
    duration: 500, // длительность анимации
    zIndex: 50, // значение z-index элементов
    widthMultiplier: 1.15 // коэффициент масштабирования
});

HTML

<div class="blocks">
    <ul class="reset">
        <li> .. </li>
        <li> .. </li>
        <li> .. </li>
        <!-- и так далее -->
    </ul>          
</div>  

CSS

.blocks {
    display:block;
    width:;
    height:; /* Нужно задать ширину и высоту */
    position:relative;
    cursor:pointer;
}
 
ul.reset,
ul.reset li {
    display:block;
    list-style:none;
    padding:0;
    margin:0;
}
 
ul.reset li {
    position:absolute;
}

Демонстрация

 

 

Авторизоваться и Скачать

5 последних добавленных файлов в рубрике"Скрипты"

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 16 Февраля 2011 07:36
    altaistudent
    круто
  • 16 Февраля 2011 08:57
    notbot
    ага
  • 16 Февраля 2011 10:40
    budzin
    Жесть! :)
  • 16 Февраля 2011 11:11
    artmart
    Отличная информация - пригодится
  • 16 Февраля 2011 14:16
    Дмитрий Арефьев
    Юзабильно!
  • 16 Февраля 2011 15:14
    Zedamin
    Пригодиться)
  • 16 Февраля 2011 18:00
    Stervo
    +1 мне нравится
  • 16 Февраля 2011 22:08
    demon
    Вообще мега штука!!!
  • 19 Февраля 2011 20:36
    genixxx
    Впечатляет, скоро flash станет частью истории.
  • 20 Февраля 2011 15:21
    steve
    Спасибо,интересная вещь, используем=)
  • 21 Апреля 2011 10:49
    webgor
    Подскажите пожалуйста, а как эту штуку прикрутить к материалу Joomla? Хотя бы в общих чертах. Спасибо!
  • 23 Декабря 2011 23:18
    fanl2
    Подскажите, когда я все ставлю на страницу данный скрипт - то все работает, кроме всех ССЫЛОК они поменяли свой цвет на белый. В чем проблема?
  • 16 Января 2013 22:56
    sacrus
    вот это супер!Пригодиться! Необыденно и удобно
  • 23 Мая 2013 09:16
    savastr
    ссылка не работает
  • 27 Апреля 2014 21:49
    Survivor
    Ага, прикольно!)
^ Наверх ^