Slider、jQuery UIを使用してカスタムされた横スクロールバー(ハンドル)を表示する方法をご紹介します。 カスタムされたスクロールバーのゲージ(ハンドル)を調整して、値を調整する様なコンテンツ制作時に使用しました。 Slider、jQuery UIを使用してカスタムされた横スクロールバー(ハンドル)を表示するJavaScriptの記述 ※jquery.min.js、jquery-ui.min.jsファイルを読み込みます。横スクロールバー(ハンドル)エリア(#slider01)に最小値、最大値、変更値、画像等を設定します。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="https: