• 2366
  • 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css hmlt
  • Демо:

Функциональный 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>
3.В стили добавляем
Код:
.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;
}
4.И последнее инициализируем
Код:
$('.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"]
Вот и все

Можешь почитать и вот эту статейку "JQuery анимация кнопок"

mistakes

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

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

TWIG -что это?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element