エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
付録2 Yahoo! UI Library:スライダーを表示する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
付録2 Yahoo! UI Library:スライダーを表示する
Yahoo UI Libraryのスライダーには横のスライダーと縦のスライダーが用意されています。スライダーを利... Yahoo UI Libraryのスライダーには横のスライダーと縦のスライダーが用意されています。スライダーを利用するには以下のライブラリを読み込まなければなりません。また、スライダーを移動させる時にアニメーションさせる場合にはanimation.jsも読み込む必要があります。 YAHOO.js dom.js dragdrop.js event.js slider.js これらのライブラリを読み込んだら、スライダー部分を用意します。これは2つの領域(divタグを使用)を指定します。1つはスライダー全体を示すdivタグ、もう1つがスライダーのサム(動かす部分)の部分になります。サムの部分に画像を使用する場合にはimgタグを囲みます。それぞれのdivタグにはidを割り当てておきます。ここではスライダー全体のIDをsliderbg、スライダーのサム(動かす部分)のIDをsliderthumbにし