Главная » 2011 » Ноябрь » 14 » Необычный цветной слайдер через плагин kwiks на jQuery (Javascript)
14.11.2011, 09:45

Необычный цветной слайдер через плагин kwiks на jQuery





ДЕМО МАТЕРИАЛА

Установка:

После /head на нужных страницах вставляйте:
Code
<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>

В то место, где будет слайдер, вставляйте:
Code
<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
Материал взят с сайта infoscript.ru
Теги: Скачать Необычный цветной слайдер через плагин kwiks на jQuery
Скачать "Необычный цветной слайдер через плагин kwiks на jQuery"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: siteforsites.ru
Категория: JavaScript's | Просмотров: 2646 | Добавил: manikom-auto | Рейтинг: 5.0/1 |
Теги: цветной, через, На, плагин, jQuery, необычный, Kwiks, слайдер
Всего комментариев: 8
0  
1 7soft -Infoscript Team-  (14.11.2011 13:39) [Материал]
Аватар пользователя
Прикольно)

+2  
2 Сай_22 -Infoscript Team-  (14.11.2011 13:46) [Материал]
Аватар пользователя
Я сидел и пять минут тупо клацал это всё дело... Я один такой? dry

0  
3 Voker -Infoscript Team-  (14.11.2011 20:11) [Материал]
Аватар пользователя
я не пять но минуты 2 кликал а если быстро то прикольно получается=)

0  
4 manikom-auto   (15.11.2011 01:37) [Материал]
Аватар пользователя
Вот Вам делать нечего Нужно было тогда на пять сантиметров выше кликать cool smile

0  
5 Voker -Infoscript Team-  (15.11.2011 10:15) [Материал]
Аватар пользователя
На твой сайт? biggrin

0  
6 manikom-auto   (15.11.2011 15:11) [Материал]
Аватар пользователя
Не - не на сайт - ладно проехали biggrin

0  
7 ivan24   (29.11.2011 23:03) [Материал]
Аватар пользователя
ДЕМО МАТЕРИАЛА - Ведутся технические работы
Когда они кончатся ???

0  
8 antisept -Infoscript Team-  (30.11.2011 09:14) [Материал]
Аватар пользователя
Просто поставьте скрипт на свой сайт и посмотрите, как выглядит слайдер

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]