首先先放上效果圖一張
![DO(%%3C]D5WASS}9K4D}BPE.png](https://sheji.cnwenhui.cn/cnwenhui/thumb/5fc3458824a318c952e917c9c569beb0.png "1486793057605762.png")
很多網(wǎng)站都有這樣的效果，其實他的實現(xiàn)效果是這樣的：
1、首先分左右兩部分。
2、樣式?jīng)]有什么特別要注意的事項
3、下面是jq,這里要強調(diào)的是用到了prevAll和nextAll。意思是當(dāng)你從上依次點擊年份的時候，它的上一個ul就收起，當(dāng)你從下開始點擊年份的時候，它的下一個就收起。當(dāng)然它自己要顯示出來，則用到slideDown
這樣一個時間軸的特效就做好了。
關(guān)鍵詞:
首先先放上效果圖一張
很多網(wǎng)站都有這樣的效果，其實他的實現(xiàn)效果是這樣的：
1、首先分左右兩部分。
2、樣式?jīng)]有什么特別要注意的事項
3、下面是jq,這里要強調(diào)的是用到了prevAll和nextAll。意思是當(dāng)你從上依次點擊年份的時候，它的上一個ul就收起，當(dāng)你從下開始點擊年份的時候，它的下一個就收起。當(dāng)然它自己要顯示出來，則用到slideDown
這樣一個時間軸的特效就做好了。
