Хаки и Скрипты Next Generation CMS

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

irbees2008 irbees2008 Опубликовано - 3 - декабря Слайдшоу и анимация
3690 - 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"]
Вот и все

Можешь почитать и вот эту статейку "Ставим предупреждение при копировании контента"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

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

Статистика

  • Caйту: 3459 дней
  • Новостей: 553
  • Комменты: 254
  • Зарегистрированно : 583
  • Онлайн всего: [6]
  • Гости: [6]
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 31
  • Генерация страницы: 1.198сек
  • Потребление памяти: 5.141 Mb 
  •   яндекс.ћетрика