jQuery實(shí)現(xiàn)的無縫廣告圖片左右滾動(dòng)功能詳解
本文實(shí)例講述了jQuery實(shí)現(xiàn)的無縫廣告圖片左右滾動(dòng)功能。分享給大家供大家參考,具體如下:先是寫了一個(gè)此功能的jQuery插件,但是一時(shí)寫不出如何使用鼠標(biāo)進(jìn)行滾動(dòng)方向的切換,于是又寫了另一個(gè)可以實(shí)現(xiàn)切換的版本...原理:1.把滾動(dòng)的內(nèi)容復(fù)制2份放到原內(nèi)容左右,這樣無論向左右滾動(dòng)都不會出現(xiàn)斷掉的情況2.改變內(nèi)容樣式的left值實(shí)現(xiàn)滾動(dòng)效果,向左或向右滾動(dòng)一個(gè)內(nèi)容的長度后,還原并繼續(xù)滾動(dòng),這樣看起來就
巴扎黑 2017-01-13 15:31:53 0 0 378