怎么实现类似QQ空间,百度空间的模块可拖动效果 ?
网上有很多类似的代码,其实我主要是想问拖动后怎么保存起来,下次在进来的时候直接显示出来拖过的效果
主要是数据库表怎么设计,拖动后保存时候怎么获取并保存到数据库,在次打开的时候怎么从数据库读出来并加载到页面
这些问题主要用到那些技术,大家可以说说自己的思路,有代码最好,谢谢!
------解决方案--------------------猜想应该是用AJAX保存模块坐标,下次根据坐标定位到界面就好了
------解决方案--------------------人家早已经回答了啊,只是你不在意罢了。
稍微有点技术含量的软件根本不纠结在什么数据库表上。你知道界面层是如何定位div的机制的,自然就会把它的坐标(或者行列)保存到数据库里。
关键是你不关心#1楼所说的界面层设计,你就只关心数据库表。那么就不会懂最终的设计了。
------解决方案--------------------豆瓣的你见过吗,我做过类似的
有几个要点,一是在拖动的时候,判断是否到页面上其他的div的上部或者左部,是的话,就添加到这个div的左侧,到其他div的下部或者右部的话,就添加到div的右侧,另外不建议用ajax直接把这个布局格式回发到数据库
给用户一个保存按钮比较好,把所有的位置关系放入隐藏文本,然后一次提交到服务器即可
------解决方案--------------------如果楼主要找源代码,那还是去用搜索引擎吧
如果楼主只是想要个思路,1楼的可以.
------解决方案--------------------类似QQ的拖动 你可以试下div跟着鼠标移动,具体代码我这没有,数据库读取并加载到页面,你可以直接在打开页面时后台读取也可以使用ajax读取。
------解决方案--------------------鼠标按下时 div跟随鼠标移动
------解决方案--------------------可拖动的层用div的绝对定位,就是position:absolute
然后数据库保存其top,left值就是了
前端的代码找些jquery插件就可以实现了,例如这个http://jqueryui.com/demos/draggable/
------解决方案--------------------楼主 这个效果貌似是有框架的 主要是js操作json格式的数据 各个模块之间进行传值。
框架好像是widget 你度娘下吧。