怎麼樣讓滑鼠移入時，既要讓被滑鼠移入選中的li元素變寬，又要讓其他li元素變窄。
ul:hover li //首先寫當滑鼠移入ul時，讓所有li元素變窄；
ul li:hover; //再寫滑鼠放在哪個li元素上，哪個li元素就變寬。
這裡很容易犯錯，
1. 一方面的分清 ul li:hover的意思 它表示ul父標籤下的li標籤選中時設定該li標籤,而ul:hover li 表示ul選中時，設定該ul的子元素 li 標籤;
2.另一方面，ul li:hover 與 ul:hover li 的位置也很重要，因為他們的權重時一樣的，所有，後面設定的屬性會疊代前面的屬性。
純CSS實現手風琴效果
先看一下效果圖吧 初始狀態 大體思路 首先設定初始的樣式，讓後當滑鼠滑過任一欄目時，先將所有的欄目的寬度設定為30px，且字型大小為0 讓文字不顯示 當滑過某一欄目時，將該欄的寬度設定為510px，字型顯示出來，然後用overflow y scroll 顯示滾動條。注意 這個樣式的設定對每個欄目寬度...
手風琴 過渡效果,顯示隱藏列表案例
doctype html html lang en head meta charset utf 8 meta name viewport content width device width,initial scale 1.0 title document title style menu item...
3 手風琴翻摺效果 手風琴 抖風箱的方法和要領
什麼是抖風箱？左手臂通過快速的顫抖，實際上就是緊縮的 短距離 拉推風箱動作，使手風琴產生一連竄高速重複的樂音，效果類似於小提琴 二胡等弓絃樂器的碎弓 抖弓和顫弓。這種樂音可以營造 渲染出興奮 熱烈 緊張等一些特殊的藝術效果。如何練習手風琴抖風箱呢？首先，抖風箱的動作不是僅憑手腕，而主要是小臂和肘部，...