ドラッグ操作がIE6からiPhone/Androidまで軽快に動くJavaScript「Dragdealer JS」が良さそうな件


20110617 01

ドラッグできるスクリプトは知ってる方も多いかもしれませんが、これは知らなかったのでメモ。

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

Dragdealer JS」はIE6からiPhoneやAndroidでも軽快にドラッグできるJavaScriptですよ。
クロスブラウザ対応するスクリプトは覚えておいてもよいですよね。

スライダー

20110617 02

↑横スライダーの位置によってフォントサイズを変更するサンプル

スクロールバー

20110617 03

↑赤い部分をドラッグする事でコンテンツをスクロールさせてます。

画像スクロール

20110617 04

↑画像をドラッグするサンプル。
範囲外にドラッグすると反発するように戻るようになります。

これらが全てクロスブラウザで動作するので、ドラッグするインターフェースを作る際に良さそうです。
デモ&ダウンロードは下のリンクから確認ください。

 

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

最新情報をお届けします

follow us in feedly