swingdrag

JavaScript

jQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」

swingdragは、jQuery UIのドラッグ機能にスイング効果を加えることができるjQueryプラグインです。特定の要素をドラッグした時に、ただ移動するだけではなく左右にスイングしながら動かすことができます。

最大回転角度の設定などもできる

デモ

「Drag me!」と書かれた要素をドラッグすると、スイングしながら要素を自由に移動することができます。ただ移動させるだけでは何だか少し味気ないと感じている人には、ピッタリの機能といえるのではないでしょうか?

使い方もシンプルなので、サクッと実装できるはず。また、オプションもいくつか用意されているのでちょっとしたカスタマイズをしたい人にもうれしい仕様になっています。

主なオプションは、rotationAngleDeg、showShadow、pickUpScaleFactorです。各オプション項目のデフォルト値は、rotationAngleDegが20、showShadowがtrue、pickUpScaleFactorが1.1になります。

ちなみに、最大回転角度を設定するオプションはrotationAngleDegです。スイングさせる幅を大きくしたり小さくしたりしたい場合は、ここの値を調節すればOKです。

というわけで、jQuery UIによるドラッグ機能にスイングさせるエフェクトを追加するjQueryプラグイン「swingdrag」のご紹介でした。

swingdrag

no-image1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」前のページ

軽量でモバイルにも最適なポップアップウィンドウを実装できる「Mobilepopup」次のページMobilepopup

最近の記事

  1. スマトラ
  2. さくらドーナツ
  3. 紙のコーヒーフィルター
  4. PS5とFF7リメイクと鉄拳8
PAGE TOP