Javascript如何實作自動排序？

一個Metro風格的UI網頁，如何實現滑鼠拖曳某個圖示以後其他圖示根據被拖曳圖示的位置自動排序？
注意：

1. 圖示大小可能不同；

2. 要求結果保留（重載頁面以後佈局不變）；

3. 不需要考慮相容性，只需簡單講講大概思路。

效果就像 Windows10 的開始功能表：

回覆內容：

一個Metro風格的UI網頁，如何實現滑鼠拖曳某個圖示以後其他圖示根據被拖曳圖示的位置自動排序？
注意：

1. 圖示大小可能不同；

2. 要求結果保留（重載頁面以後佈局不變）；

3. 不需要考慮相容性，只需簡單講講大概思路。

效果就像 Windows10 的開始功能表：

這個根據座標來吧，一個圖示被拖曳到一個位置，這個圖示的座標就是新位置的座標，後面受影響的圖示的座標減去這個拖曳圖示的寬度或寬度

應該要有對應的插件吧

個人覺得可以理解為兩個位置進行交換,昨天用到一個插件你可以試試"sortable.js"十分小3kb左右,而且很好用

快速的話建議用插件，自己寫那我感覺挺牛

官方有實作與文件
metroui: http://metroui.org.ua/
start-screen: http://metroui.org.ua/templat...