高防360瀏覽器的音樂導航

很久之間就看到了360瀏覽器的音樂導航條覺得很酷而且很牛逼，今天閑來無事就把這個音樂導航條做了一下，感覺360的創造力還是比較好的，畢竟不再是很久之前的360了，現在開始進步了。而其我覺得這個音樂導航條很適合放到個人的網站或者博客以及個人簡歷上，這樣是很炫很酷的一件事情。

簡單的分析一下，這個結構，首先應該用li以及a以及背景圖片來進行定位通過調整背景圖片的位置實現這個效果。

接下來就需要來做：

當滑鼠滑過的時候來進行播放曲子以及背景顏色是從下倒上的一個小小的動畫。可以這麼理解或者可以用css3新增的過度以及動畫來做都可以的。但是我考慮到需要在滑過的時候來進行曲目播放，那我就直接使用了jquery來進行操作

通過選擇滑到那個li的視乎激活背景顏色的變化，以及使曲目進行播放，以及滑到其他li時上一個li取消操作。這也是jquery裡面比較常見的鏈式操作

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！