實戰案例9——從不同方向滑入

如上圖片，當鼠標從左側移入時，從右側滑入一圖片，當鼠標從左側移出時，該圖片向右移出。如下圖示： 同理鼠標從右側移入，從頂部或者底部移入都有對應的圖片往相方方向移動。 準備元件：底部圖片，動態面板（state1爲空透明，state2爲新的圖片） 交互設計： 難點在於怎麼判斷鼠標從哪個方向移入，對此參考了一種方法：在鼠標進入面板區域時，鼠標所在的位置，與面板的四個邊界只有一個方向距離最小；鼠標位置與4

>>阅读原文<<