我想做个QQ空间层施动保存功能

Question

我的实现思路是这样的用jquery 实现这个特效不过不能保存 我是想通过拖动后保存HTML代码到数据库然后到其他页面
调出HTML代码.这样可能行吗.行的话请帮我写出这保存当前HTML内容的代码.不能的话能不能说说什么其他思路.

Answer 1

一般保存绝对位置的坐标值,左上角和width以及height即可.
读取之后分别用jquery对层进行赋值定位

Answer 2

http://jqueryui.com/demos/sortable/#empty-lists

Answer 3

特效会做,关键怎么后台得到DIV的做标.英文网站我看不懂

Answer 4

对就用webpart就行，webpart功能很强大的呀

Answer 5

<div class="demo"> 
 
<ul id="sortable1" class="connectedSortable"> 
<li id="1a" class="ui-state-default">Item 1</li> 
<li id="1b" class="ui-state-default">Item 2</li> 
<li id="1c" class="ui-state-default">Item 3</li> 
<li id="1d" class="ui-state-default">Item 4</li> 
<li id= "1e" class="ui-state-default">Item 5</li> 
</ul> 
 
<ul id="sortable2" class="connectedSortable"> 
<li id="2a" class="ui-state-default">Item 1</li> 
<li id="2b" class="ui-state-default">Item 2</li> 
<li id="2c" class="ui-state-default">Item 3</li> 
<li id="2d" class="ui-state-default">Item 4</li> 
<li id= "2e" class="ui-state-default">Item 5</li> 
</ul> 
 
 <ul id="sortable3" class="connectedSortable"> 
<li id="3a" class="ui-state-default">Item 1</li> 
<li id="3b" class="ui-state-default">Item 2</li> 
<li id="3c" class="ui-state-default">Item 3</li> 
<li id="3d" class="ui-state-default">Item 4</li> 
<li id= "3e" class="ui-state-default">Item 5</li> 
</ul> 
<div id="div1" class="connectedSortable"> 
<div id="div11" style="width:50px; height:50px">div11</div> 
    <div id="div12" style="width:50px; height:50px">div12</div> 
    <div id="div13" style="width:50px; height:50px">div13</div> 
</div> 
</div>列ID的sortable属性即可得到顺序.
var col1 = $("#sortable1").sortable("toArray");如果还不懂, 建议你学一下英语~

Answer 6

http://jqueryui.com/demos/sortable/#empty-lists