Главная » Файлы » Прочие скрипты » jQuery

Необычный цветной слайдер через плагин kwiks на jQuery для uCoz
23.06.14, 14:44:19

Скачать файл




Интересный слайдер, но я даже не знаю, для чего он может пригодиться, однако, выкладываю на тот случай, если особо пытливые умы смогут найти ему применение

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<script type="text/javascript" src="/js/kwiks-2.js"></script>  

  <script type="text/javascript">  
  $().ready(function() {
  $('.kwicks').kwicks({
  gap : 5
  });  

  });
  </script>  

  <style type="text/css">  
  .divbox { border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: groove;  
  border-right-style: groove;  
  border-bottom-style: ridge;  
  border-left-style: ridge;  
  border-top-color: #333;  
  border-right-color: #333;  
  border-bottom-color: #000;  
  border-left-color: #000;  
  margin: 5px;  
  position: absolute;  
  }  

  .kwicks {  
  width: 600px;  
  height: 600px;  
  position: relative;  
  margin-top: 5px;  
  float: left;  
  border-right-width: 2px;  
  border-right-style: solid;  
  border-right-color: #666;  
  }  
  </style>


В то место, где будет слайдер, вставляйте:
Код
<div class="kwicks">  
  <div class="divbox" style="background-color: #9C0;">a</div>  
  <div class="divbox" style="background-color: #930;">b</div>  
  <div class="divbox" style="background-color: #0F3;">c</div>  
  <div class="divbox" style="background-color: #F0F;">d</div>  
  <div class="divbox" style="background-color: #F00;">e</div>  
  <div class="divbox" style="background-color: #00C;">f</div>  
  </div>


Осталось лишь залить скрипт из прикреплённого архива в папку js

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: Цветной, Через, ucoz, на, плагин, JQuery, Необычный, kwiks, для, слайдер
Просмотров: 211 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: