任意のオブジェクトをドラッグできるMooToolsプラグイン「towel.js」


towel.js」はドラッグ&ドロップで任意のオブジェクトを操作できるようになるプラグインです。
オブジェクトはページ内のどこにでもドラッグする事ができます。

IT/WEB業界への転職なら求人サイトGreen

ドロップの際に勢いをつけると勢い良くスクロールしていきます。

20100527-01
デモ

以下のようなコードで簡単に実装できるようですね。

$ready().add(function() {
    var dragable = $('example-skid-dragable');

    var down = $towel(dragable).ui.down();
    var follow = $towel(dragable).fx.follow();
    var skid = $towel(dragable).phys.skid();

    down.add(follow);
    down.not().add(skid);
}); 

ユーザーに操作させるインターフェイスはこれからどんどん出てくると思います。
iPadやiPhone用サイトを構築する際に、タッチ操作でネイティブアプリに近いものを作りたい方。いかがでしょうか。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly