有一段時間沒更新部落格了,都不知道忙些什麼,學習也沒什麼進展,慚愧。 這一週空閒的時間學著自己寫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"> <BR>*{margin:0;padding:0;} <BR>#box{width:500px;height:500px; margin:200px auto;position:relative;border:1px solid #ccc;border-left:2px solid #ccc;} <BR>.float-box{width:100px;height:100px;background:#000;:# fff;position:absolute;top:20px;left:10px;cursor:move;z-index:2;border:2px solid #ccc;border-right:10px solid #fc0;} <BR>.float-box1{width :200px;height:200px;background:#f30;color:#fff;position:absolute;top:0;left:200px;cursor:move;border-top:10px solid #000;} <BR>> $(" .float-box").MoveBox(); $(".float-box1").MoveBox({out:true}); 涓