jQuery拖拽布局模仿QQ空间风格
模仿 QQ 空间风格的 jQuery 拖拽布局，挺适合练手的。整个交互逻辑清晰，页面元素能自由拖动，还能记住你的位置，挺像早期个性化空间那味儿。
基于jQuery封装的拖拽功能，简单易懂，兼容性也做得不错。核心用到了mousedown、mousemove、mouseup这几个事件，配合位置更新，拖起来顺滑不卡顿。
布局拖动的时候，还加了碰撞检测。什么意思？就是你拖动的时候，它会判断有没有撞到别的元素，挺贴心的，用户体验还不错。
另一个细节是状态持久化。它会把你调整后的布局位置存进localStorage或者cookie，下次打开还能保持你改过的位置，比较实用。
源码里有两个部分：个人拖拽和模仿 QQ 空间。前者是作者的自定义尝试，后者界面风格更接近 QQ 空间。可以都看看，学得更全面。
如果你对拖拽交互感兴趣，或者想练习用jQuery做复杂的 UI 交互，这个资源挺适合的。别忘了配合jQuery 事件文档看看，理解会更快。
文件大小：78.35KB
评论区