预设div的一些参数,比如id能按规则自动生成,就是添加div的时候能按规范生成唯一id
content对每个可用内容匹配,唯一并且和各产品对应,根据content读取innetHTML
其次是定义坐标google个性化页面里面每个“块”都有限定尺寸的
把每个块都制作成为可移动的
根据最大尺寸在页面定义坐标位置范围,当drag某个dvi时left/top移动到某个范围内drop
就把该div的left/top坐标重新定义到该预定范围的坐标,
或者紧随同列中上一个块的bottom,(反正width都是一样的)
当然一定的margin还是需要的这个东西原理不难,甚至比那些跟随鼠标的漂浮广告还要简单
但需要留意的细节很多,所以比较繁琐而已
例如块的增减id要怎样处理?cookie要记录得最少内容是哪些?
什么内容需要用ajax重新读取?坐标用绝对还是相对?
当块的height比预设的范围短要怎么重新计算?诸如此类……你把每个动作的实现,每个动作会改变哪些参数,自己先用纸笔写下来
逐个击破再合并就觉得没什么大不了的当然最后要优化,不然块太多,计算太复杂,ajax处理不当会造成客户端出现问题