是有n張圖片

拖拽的時候可以互換兩張圖的位置

我能做出沒有動畫效果的（就是拖拽完之後，兩張圖直接換位置，沒有交換的這個動畫效果）

但是想寫個有動畫效果，怎麼寫都有問題

誰能給個思路，指個方向

（我是為學習，不是為完成任務，請大俠幫忙）

Vi_Q 2013-11-01

全部圖片使用絕對定位，頁面載入的時候，用程式按順序算出他們的位置定位好

當拖拽完成，如果下面沒有圖片，這張圖片就返回他原來的座標

如果有，就兩個圖片兌換座標，用animate很簡單，你懂的

你要考慮座標記錄的問題，可以每次拖拽用全域性標量記錄

也可以直接記錄在圖片的屬性上

還有一個可能會遇到的問題就是事件起泡

網友2926b21 2013-11-01

你說是實現結果的程式碼。你可以加一些事件來實現，比如當你拖拽的時候就會有一個mousemove的事件，你可以在這個事件來做一些div的移動效果。不知道你是否會javascript，如果會的話應該容易實現，如果不會的話我勸你還是先學一下javascript，然後再學jquery，

jquery和javascript類似就是struts和java的關係。

jetsung 2013-11-01

這個和我要實現的將INPUT上移或下移一樣的。。。

思路如下：

首先獲得需要移動的圖片A的資料（或者整串HTML，我建議還是資料好了，比如圖片地址src1），再獲得圖片B的資料（圖片地址src2，用mouseover事件），再將這兩個src互換（將src1給中間引數temp來存，再將Src2的值給Src1，最後將temp的值給src2即可）。