[JS]カーソルの位置でスライドコンテンツのスクロールをコントロールするスクリプト -MouseNavigator

カルーセルなどのスライドコンテンツで、マウスカーソルの位置でスクロールする方向やスピードをコントロールするjQueryのプラグインを紹介します。

MouseNavigator
当サイトに設置したデモページ

[ad#ad-2]

上記デモでは、カーソルを左右に移動するとその方向にスクロールし、端に移動するとより早いスピードでスライドします。
また、方向は水平方向だけでなく、垂直方向にも対応しています。

水平・垂直方向の動きに対応したデモページ

スクリプトのオプション

スクリプトのオプションでは下記の項目を設定できます。

• スピード
• 方向
• 持続時間（最小・最大）
• 反応しないポイント
• など

MouseNavigatorの対応ブラウザ

MouseNavigatorのテスト済みブラウザは、下記の通りです。

• Chrome 12.0.742.112
• Firefox 5
• IE 9.0.8112

[ad#ad-2]