簡介：知道什么是手風琴效果嗎？當鼠標滑過一排列表時，鼠標懸停的列表項會發(fā)生明暗度的變化，同時圖片會放大顯示。本課程通過講解浮動布局、遮罩層、CSS3的transition屬性、鼠標事件等知識點，教你實現(xiàn)鼠標懸停時圖片明暗度變化、圖片伸縮以及圖片切換時速度的平滑過渡等效果等
第1章 案例展示及實現(xiàn)原理分析
明確什么是手風琴效果？以及實現(xiàn)這個效果用到的知識點進行分析。
第2章 用HTML+CSS實現(xiàn)手風琴效果頁面制作
本部分內(nèi)容分為兩個部分，先用HTML搭建頁面的基本結(jié)構(gòu)，再用CSS實現(xiàn)頁面的樣式。
第3章 用JavaScript實現(xiàn)手風琴效果
用JavaScript實現(xiàn)對手風琴效果，重點講解綁定和懸停的構(gòu)造函數(shù)的使用方法和寫法。