jQueryスライダはどのように実装されていますか？

Question

誰かがjQueryスライダの実装方法を知っていますか？ JavaScriptのキャンバスライブラリを使用して2本のガイドラインなどを描画していますか？

ありがとうございます！

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からすべてです。

このプラグインは、それがオープンソースだスライダコントロール

Answer 2

を模倣するHTML要素、CSSスタイルとjQueryのイベントの混合物を使用しています要するに、あなたがソースhereを見ることができます。キャンバスを使用せず、html要素のみを使用します。