1.輪播的實(shí)現(xiàn)原理是怎樣的该互?如果讓你來實(shí)現(xiàn)吁系,你會抽象出哪些函數(shù)(or接口)供使用药版?(比如 play())
滾動輪播實(shí)現(xiàn)原理:
將圖片一排排列辑舷,像一個隊列,通過overflow:hidden槽片,讓舞臺只能展示一張圖片何缓,用js控制整個隊列的left值移動隊列從而到達(dá)展示每張圖片的效果。這里注意為了到達(dá)首尾整個隊列大范圍移動時不突兀还栓,需要復(fù)制首尾元素碌廓,相當(dāng)于幕布。
漸變輪播實(shí)現(xiàn)原理
利用jQuery的fadeIn和fadeOut實(shí)現(xiàn)剩盒,相對簡單
接口:
前進(jìn)函數(shù)谷婆,后退函數(shù)進(jìn)一步可以抽離出移動函數(shù)(play)
選擇函數(shù)
自動輪播函數(shù)