background
ПОСЛЕДНИЕ ПУБЛИКАЦИИ
ПОДПИСКА
Будь В Курсе
Подпишись, и получай эксклюзивные обновления на свой E-Mail:

Ваш E-Mail полностью защищён

ОБСУЖДЕНИЕ

Ползунок выбора на JQuery

JQuery ползунок
Просмотров: 9709  Скачан: 562 раз  Комментариев в теме: 0

Красивый горизонтальный JQuery ползунок (Slider) для сайта, реализованный с помощью JQuery. Ползунок выбора служит для ввода чисел в указанном диапазоне и широко используется веб мастерами в создании веб-сайтов. Данный JQuery ползунок прекрасно интегрируется в сайты html.

Шаг 1 - создание разметки

 

HTML

<div class="content">
    <ul class="clearfix">
        <li><label>Foo: </label><input type="text" value="6.0" class="slideControl" maxlength="3" /></li>
        <li><label>Bar: </label><input type="text" value="4.0" class="slideControl" maxlength="3" /></li>
        <li><label>FooBar: </label><input type="text" value="9.0" class="slideControl" maxlength="3" /></li>
    </ul>
</div>

Шаг 2 - подключение стилей

 

CSS

<link rel="stylesheet" href="css/style.css" type="text/css" />

Шаг 3 - подключение JavaScript

 

JS

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.slideControl.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.slideControl').slideControl();
	prettyPrint();
    });
</script>
Материалы по теме:

Футер на cssФутер на css

Красивый и в тоже время довольно оригинальный футер на css, он же подвал сайта....

Облако теговОблако тегов на css

В данном примере представлен довольно приятный дизайн облака тегов, который реализован с помощью CSS...

Вкладки контента css3Вкладки контента css3

Красивые вкладки контента реализованные с помощью css3...

JQuery ползунокJQuery ползунок

Красивый горизонтальный JQuery ползунок (Slider) для сайта, реализованный с помощью JQuery....
Интересные публикации:

Вертикальное меню на css (Аккордеон)Вертикальное меню на css (Аккордеон)

Вертикальное меню аккордеон на css, хорошо подойдёт сайту информационного характера......

Вертикальное разноцветное меню АккордеонВертикальное разноцветное меню Аккордеон

Красивое разноцветное меню (Аккордеон.

Full Page Image GalleryFull Page Image Gallery

Красивая галерея для вашего сайта на css и JQuery, если вам нужна красивая галерея и вам хочется, что-то необычное......

Многоуровневое фиксированное меню на cssМногоуровневое фиксированное меню на css

Горизонтальное многоуровневое фиксированного меню в темном стиле...

SonjaSonja

Шаблон Sonja построенный на HTML5, в шаблоне красиво реализована главная страница, имеется оригинальная галерея, стрелка вверх, видео проигрыватель......

Portfolio SitePortfolio Site

Оригинальный одностраничный html шаблон для сайта портфолио, шаблон создан на фоне красивых морских глубин....

Социальное меню с подписью на css3Социальное меню с подписью на css3

Стильное социальное меню на css3, при наведении на иконку, она плавно прокручивается, одновременно с анимацией иконки, плавно появляется подпись....
  • Текущий 2.27/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 2.3/5( Голосов 11 )

Комментариев в теме: (0)

Авторизация:
YandexGoogleVKMail.ruTwitterFacebookOdnoklassniki


Ваше имя:
Сайт:
Ваша почта:
RSS
Комментарий:
Введите символы:
captcha
Обновить