有一段时间没更新博客了,都不知道忙些什么,学习也没什么进展,惭愧。 这一周空闲的时间学着自己写一下JQ插件。以前用原生的JS做过类似拖拽div的效果,现在按原思路改做成一个JQ的小插件,当作制作JQ插件的一个小练习。 html为 复制代码 代码如下: <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;color:#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> <BR>$(".float-box").MoveBox(); <BR>$(".float-box1").MoveBox({out:true}); <BR> 涓