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

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

デモのキャプチャ

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

[ad#ad-2]

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

デモのキャプチャ

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

スクリプトのオプション

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

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

MouseNavigatorの対応ブラウザ

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

  • Chrome 12.0.742.112
  • Firefox 5
  • IE 9.0.8112

[ad#ad-2]

sponsors

top of page

©2018 coliss