Функциональный JQuery плагин Презентация

Функциональный JQuery плагин Презентация,тусует картинки ,выглядит классно.
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем и заливаем в папку с шаблоном.
2.Сам код меню,это не нумерованный список

<ul class="contenitore">
   <li>Q</li>
   <li>U</li>
   <li>A</li>
   <li>D</li>
   <li>R</li>
   <li>R</li>
   <li>A</li>
   <li>T</li>
   <li>O</li>
 </ul>

.contenitore{
   border: solid 1px #000;
   height: 400px;
   width: 500px;
   background: #FFF;
   position: relative;
   margin: auto;
   padding:0;
}

.contenitore li
{
   display: block;
   text-align: center;
   border: solid 1px #147;
   line-height: 135px;
   width: 135px;
   background: #FFF;
   color: #147;
}

$('.contenitore').innSlide({
   top: '60',
   left: '70',
   duration: 2000,
   interval: 3000,
   direction: 'Right'
});

• top:  (int) верхнее расположение элементов внутреннего контейнера
• left:  (int) левое положение элементов внутреннего контейнера
• autoPosition:  (bool)  вычислить положение внутреннего элемента, true ( default false)
  N.B.  top and left value where not considered.
• duration:  (int) длительность эффекта.
  
  N.B.  must be less than interval‘s value
• interval:  (int)интервал времени между слайдами [es, 1000 (1 sec)]
• direction:  (string) направление эффект ["Left-Bottom", "Left", "Left-Top", "Top", "Top-Right", "Right", "Right-Bottom", "Bottom"]

Можешь почитать и вот эту статейку "Адаптивное навигационное меню"

• ← Предыдущая
• Следующая →

Это тоже интересно