分析小米商城的導航欄的佈局及其動畫實現

首先看看小米商城的導航欄，如圖： 通過實際測試可以知道，服務和社區不屬於下拉菜單，除了這兩個，剩下的全是下拉菜單，想成了一個下拉菜單組，一旦鼠標進入下拉菜單組，那麼就會有下拉效果，通過也有過渡效果，所以肯定有 transition'屬性，目測時間爲0.3s左右，一旦鼠標離開下拉菜單組，那麼下拉菜單就會收起來，這個比較直觀，還有就是下拉菜單選項之間的切換幾乎是沒有過度效果的。 先來看看怎麼佈局的，因

>>阅读原文<<