• 2214
  • 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"]
Вот и все

Можешь почитать и вот эту статейку "Теги head"

mistakes

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

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

Ваше мнение

Как вам наш дизайн сайта?
Результаты

----