百度热搜图动态效果是怎么做出来的

http://news.baidu.com/n?cmd=1&class=reci最近发现百度的热搜图改版式了，做成类似metro的风格，而且在点击切换的时候还有一种动态排列的效果。
求大神帮解答一下这种动态排列是怎么实现的，有代码最好了。百度Metro动态排列

解决方案 »

  1.   

    求指教啊，思路也行

    如果让我模仿他这功能 我会这么做:
    1.确定图标大小(共4种大小)
    2.确定其中的内容(Div内要么是图片要么是不同的背景颜色+文字)
    3.排列:①初始化排列(刚进入时的排列),②切换栏目时的图标移动
    这两种方式都是要根据图标大小来确定的.
    基本思路就放这里了哦
      

  2.   

    求指教啊，思路也行

    如果让我模仿他这功能 我会这么做:
    1.确定图标大小(共4种大小)
    2.确定其中的内容(Div内要么是图片要么是不同的背景颜色+文字)
    3.排列:①初始化排列(刚进入时的排列),②切换栏目时的图标移动
    这两种方式都是要根据图标大小来确定的.
    基本思路就放这里了哦大神，能再讲一下排列是怎么搞的吗？切换的时候效果是动态的。
    是不是切换的时候随机分割和合并，然后确定位置，再用Interval来实现移动？
    （某一个块的位置又是怎样确定的呢？）