Open MagicVox.net
誰もが知っている iPod のぐりぐりスクロールできてポチポチクリックできるアレです。とりあえず、動作デモを見てもらった方が早いと思います。jQuery のプラグインとして実装されており、ホイールの画像を用意するだけで、簡単にクリック ホイール コントローラを模倣することができます。
動作デモのソースコードを参照いただくのが一番わかり易いと思います。ホイールの画像を用意して、clickwheelメソッドで初期化してください。指定できるパラメータは以下の通りです。
jQuery(document).ready(function () {
var value = 0;
jQuery('#wheel').clickwheel({
click: function (e, dr) {
jQuery('#click').eq(0).html('click ' + dr);
},
scrollstart: function () {
value = 0;
},
scroll: function (e, dt) {
value += dt;
jQuery('#scroll').eq(0).html('scroll ' + value);
},
scrollend: function () {
alert (value);
}
});
});
widthheightrwrcclickscrollstartscrollscrollend
English