要素のドラッグ&ドロップを可能にするZeptoのプラグイン・HTML5 Drag & Swap Zepto Plugin

スポンサーリンク

D&Dを可能にするZeptoのプラグインのご紹介。スマフォ向けに開発されたjQuery互換のライブラリ、Zeptoをコアとしてドラッグ&ドロップを実装するスクリプトです。

Zeptoはスマフォ向けに開発されたjQuery互換のスクリプトです。スマフォではPCサイトではjQueryが必要なシーンもCSSのみで実現出来たりするので、コンテンツ次第ではZeptoを使った方がエコなケースもありますね。

HTML5 Drag & Swap Zepto Plugin


ZeptoでD&Dを実現。プラグインも2Kbと軽量です。

コード

	<script src="zepto.min.js"></script>
	<script src="zepto.dragswap.js"></script>

Zepto本体とプラグインを読み込みます。

$('.foo').dragswap();

初期化。あとはオプションを書けばいいだけです。

Zeptoに関しては日本語ドキュメントもありますのでご興味のある方はチェックされてみては如何でしょう。

HTML5 Drag & Swap Zepto Plugin

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services