Axure製作視覺差頂部搜索欄

自定義一個頂部搜索欄。如下圖所示，當鼠標往上緩慢拖動時，搜索框寬度緩慢變窄，並且緩慢垂直上移；同時，「發現」兩個字，慢慢地往頂部中心收縮直至消失。當鼠標往下緩慢拖動時，搜索框和「發現」都相反變化。 當鼠標快速往上拉或者往下拉時，對應變化如下： 此處的難點在於如何讓「搜索」元件和「發現」圖片隨着鼠標移動而變化，這裏需要進行計算： 設置鼠標向上拖動和向下拖動的距離爲0~-30，搜索欄初始的尺寸：（30

>>阅读原文<<