下午好，吃完了娛樂圈里面的瓜，下面看一個導(dǎo)航菜單的小動畫。
雖然圖片上看著不咋地，但是實際操作起來的話，還是挺有意思的
界面布局很簡單，
寫個ul li 然后 li 里面 嵌套一個ul
頁面布局寫好，然后寫CSS美化一下樣式。
因為有翻轉(zhuǎn)效果。所以要給ul設(shè)置一個旋轉(zhuǎn)屬性。旋轉(zhuǎn)180度。
當(dāng)觸摸的時候旋轉(zhuǎn)角度為0度，為了效果不那么生硬，添加一個opcaity為0；觸摸時為1；
動畫時間設(shè)置一下為0.6秒。
然后給第二級ul下面的li設(shè)置一下延時屬性。
http://www.ok3333.net/d/demo/jzh/
鏈接附上
上一篇： link與@import的區(qū)別
下一篇： 前端開發(fā)干貨知識點匯總
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟南建站手術(shù)移動護理系統(tǒng)詳細流程(千佛山醫(yī)院版）")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟南建站手術(shù)移動護理系統(tǒng)")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟南建站紅寶書智慧黨建平臺")
