看:http://jqueryui.com/draggable/
創(chuàng)新互聯(lián)建站專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、大竹網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計(jì)、購物商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為大竹等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
下面我做了一個(gè)Demo.
注意js放的位置,要放的靠近,若被其他覆蓋,則無法移動(dòng)。
比如:
引入jquery.js, jquery-ui.js,
一句:
$("#move").draggable();
如希望,點(diǎn)住時(shí)鼠標(biāo)變手形:
$("#move").mousedown(function(){
$(this).css("cursor","pointer");
}).mouseup(function(){
$(this).css("cursor","default");
});
Demo下載:http://pan.baidu.com/s/1nulDck5