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