前の記事 ≪:2012年10月17日 管理人のブックマーク
次の記事 ≫:手書きでのインタフェースデザイン時に利用できるPC/タブレット/スマ...

CSS3を使ったクールなスライダー実装jQueryプラグイン「slideControl.js」

2012年10月18日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
slideControl.js jQuery Plugin

CSS3を使ったクールなスライダー実装jQueryプラグイン「slideControl.js」。
次のような綺麗なスライダーが実装出来ます。CSSでデザインされているので見た目を変更するのも容易で、スライダー自体のカスタマイズも可能。


CSS3非対応ブラウザでもスタイルはちゃんとあたってませんがちゃんと動くみたいです。
マークアップ的にも、<input type="text" value="4.0" class="slideControl" /> のような input type="text" のものを$('.slideControl').slideControl();のように初期化すればスライダー化して便利

関連エントリ
関連の記事検索:CSS3, jQueryプラグイン, Article, jQuery Plugin
スポンサード リンク

By.KJ : 2012年10月18日 09:06 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)