Jqueryで簡単にドラッグを実現！

<script type="text/javascript" src="パス/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="パス/jquery.dimensions.js"></script>
<script type="text/javascript" src="パス/ui.mouse.js"></script>
<script type="text/javascript" src="パス/ui.draggable.js"></script>
<script type="text/javascript" src="パス/ui.draggable.ext.js"></script>

それぞれダウンロードしておきhead内で読み込む。

ドラッグさせたい対象に

<div id='target'>ドラッグできる<div>
<script type="text/javascript">
    $('#target').draggable();
<script>

<<参考サイト>>
http://www.atmarkit.co.jp/fwcr/rensai/ajaxrecipe05/ajaxrecipe05_1.html

コメントはまだありません

コメントはまだありません。

この投稿へのコメントの RSS フィード。 TrackBack URI

コメントする