簡(jiǎn)介：在電商時(shí)代，為了吸引用戶，圖片展示是各大網(wǎng)站必不可少的特效，本課程帶領(lǐng)我們從分析展示特效原理，掌握如何進(jìn)行圖片定位，使用JS技術(shù)實(shí)現(xiàn)圖片展示效果效果，并對(duì)代碼進(jìn)行深度優(yōu)化，讓你不再為圖片展示特效而發(fā)愁。
第1章 簡(jiǎn)單展示效果
圖片展示效果是各大網(wǎng)頁(yè)中常用效果，我們使用最簡(jiǎn)單方法，通過(guò)CSS樣式的控制來(lái)實(shí)現(xiàn)效果。
第2章 圖片展示上移效果
理解上移展示效果的原理，掌握f(shuō)or循環(huán)語(yǔ)句及思路，并運(yùn)用多種方法實(shí)現(xiàn)效果，對(duì)代碼進(jìn)行逐步優(yōu)化。
第3章 圖片展示側(cè)位效果
理解側(cè)位展示的原理，并通過(guò)定位position、left和right屬性設(shè)置及while循環(huán)語(yǔ)句，運(yùn)用取余運(yùn)算符 (%)，實(shí)現(xiàn)單行和多行側(cè)位展示效果。