Как реализован слайдер jQuery? - PullRequest
0 голосов
/ 27 мая 2009

Кто-нибудь знает, как реализован слайдер jQuery? Использует ли она холст JavaScript для рисования двух направляющих линий или что-то еще?

Спасибо!

Ответы [ 2 ]

4 голосов
/ 27 мая 2009

Слайдер jQuery использует элементы HTML для построения слайдера. Он не использует библиотеку canvas.

Вот как построен слайдер:

<div id="slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
    <div class="ui-slider-range ui-widget-header" style="left: 17%; width: 50%;"/>
    <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 17%;"/>
    <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 67%;"/>
</div>

Классы: ui-widget ui-widget-content ui-corner-all ui-state-default все из CSS-интерфейса jQuery пользовательского интерфейса .

Короче говоря, этот плагин использует смесь элементов HTML, стилей CSS и событий jQuery для имитации управления ползунком

2 голосов
/ 27 мая 2009

Это открытый источник, вы можете увидеть источник здесь . Он не использует холст, только элементы HTML.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...