Question

有人知道如何实现jQuery滑块吗？它是否使用JavaScript画布库来绘制两条引导线或其他东西？

谢谢！

Answer 1

jQuery滑块使用HTML元素构建滑块。它不使用画布库。

这是滑块的构建方式：

<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全部来自jQuery user interface CSS framework。

简而言之，这个插件使用混合的HTML元素，CSS样式和jQuery事件来模仿滑块控件

Answer 2

它是开源的，你可以看到源here。它不使用canvas，只使用html元素。

如何实现jQuery滑块？

2 个答案: