首頁 >web前端 >js教程 >div拖曳外掛程式-JQ.MoveBox.js(自製JQ插件)_jquery

div拖曳外掛程式-JQ.MoveBox.js(自製JQ插件)_jquery

WBOY
WBOY原創
2016-05-16 17:33:351043瀏覽

有一段時間沒更新部落格了,都不知道忙些什麼,學習也沒什麼進展,慚愧。
這一週空閒的時間學著自己寫JQ插件。

以前用原生的JS做過類似拖曳div的效果,現在按原思路改做成一個JQ的小插件,當作製作JQ插件的一個小練習。
html為

複製程式碼 代碼如下:


代碼如下:



代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




>








$(" .float-box").MoveBox();
$(".float-box1").MoveBox({out:true});
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn