気をつけないと画面外にいっちゃうよ
枠内だけで動かせるよ~

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.pep.min.js"></script>
<script>
	$(window).load(function(){
		$('#PepDemo01').pep();
		$('#PepDemo02').pep({
			constrainTo: 'parent',
			shouldEase: false
		});
	});
</script>
<div id="PepDemo01" class="Pep-demo">気をつけないと画面外にいっちゃうよ</div>

<div id="PepDemoFrame">
	<div id="PepDemo02" class="Pep-demo">枠内だけで動かせるよ~</div>
</div>

Pepについて

Pepは要素のドラッグ&ドロップを実装できるプラグインです。
jqury.uiと似た感じですかね?ドロップ後の要素にイージングが効いていて操作感が気持ちいいです。
オプション設定次第ではかなり色々できるので、ぜひデモを確認して下さい。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • glow

    glow

    マウスオーバー時の挙動をクールにしてくれる