整屏滾動(dòng):
jquery.mousewheel插件使用 :
jquery中沒有鼠標(biāo)滾輪事件,原生js中的鼠標(biāo)滾輪事件不兼容,可以使用jquery的滾輪事件插件jquery.mousewheel.js?
函數(shù)節(jié)流 :
javascript中有些事件的觸發(fā)頻率非常高,比如onresize事件(jq中是resize),onmousemove事件(jq中是mousemove)以及上面說的鼠標(biāo)滾輪事件,在短事件內(nèi)多處觸發(fā)執(zhí)行綁定的函數(shù),可以巧妙地使用定時(shí)器來減少觸發(fā)的次數(shù),實(shí)現(xiàn)函數(shù)節(jié)流。
整屏滾動(dòng)實(shí)例:
幻燈片
也叫輪播圖,是在網(wǎng)頁中常見的一種表現(xiàn)形式
要明白,小圓點(diǎn) 1 2 3 并不是寫死的,它是根據(jù)ul li中的圖片張數(shù)來決定的 ,所以 我們要先把div中ol li中的代碼去掉?
動(dòng)畫部分包括:?
1.鼠標(biāo)經(jīng)過第幾個(gè)小圓點(diǎn),就要展示第幾張圖片,并且小圓點(diǎn)的顏色也發(fā)生變化?
2.圖片自動(dòng)輪播,(這需要一個(gè)定時(shí)器)?
3.鼠標(biāo)經(jīng)過圖片,圖片停止自動(dòng)播放(這需要清除定時(shí)器)?
4.鼠標(biāo)離開圖片,圖片繼續(xù)自動(dòng)輪播 (重新開始定時(shí)器)