Draggable插件有2種方式實(shí)現(xiàn)
為肇源等地區(qū)用戶(hù)提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及肇源網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、肇源網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專(zhuān)業(yè)、用心的態(tài)度為用戶(hù)提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶(hù)的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
第一種 通過(guò)標(biāo)記創(chuàng)建Draggable元素
Draggable元素
第二種 使用 javascript代碼創(chuàng)建Draggable元素
先編寫(xiě)HTML代碼
Draggable元素
在編寫(xiě)JS代碼創(chuàng)建Draggable元素:通過(guò)ID加載
$('#dra').draggable({ handle:'#title', //啟動(dòng)可拖動(dòng)的處理 //如果需要停止拖動(dòng)可以設(shè)置disabled為true revert:true, //拖動(dòng)后返回開(kāi)始位置 proxy:function(source){ // 創(chuàng)建代理對(duì)象 var p = $(''); p.html($(source).html()).appendTo('body'); return p; }; });