JQuery拖拽，JQuery鼠标拖拽，JQuery鼠标拖拽简单案例，JQuery拖拽布局插件

<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>

<script src="js/popbaseball.min.js" type="text/ecmascript"></script>

<script>

$(document).ready(function(){

/*鼠标拖拽*/

$.baseball({

handle accepter:".passjicnt",//容器的集合

target:".mid",//希望能拖动的元素块，也就是（.passjicnt中的.mid）的子元素

handle:$(".mid ul") // 元素块拖动的鼠标入口，此参数不存在时默认为target

});

</script>

<div class="passjicnt">

<div class="mid">

<ul>

<li></li>

</ul>

</div>

</div>

案例演示:http://www.passji.com左侧块内容可以自由拖拽!http://www.passji.com/index.html