輪播圖的根本其實(shí)就是緩動(dòng)函數(shù)的封裝，如果說(shuō)輪播圖是一輛跑動(dòng)的汽車，那么緩動(dòng)函數(shù)就是它的發(fā)動(dòng)機(jī)，今天本文章就帶大家由簡(jiǎn)入繁，封裝屬于自己的緩動(dòng)函數(shù)~~

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)梅州,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):13518219792

我們從需求的角度開(kāi)始，首先給出一個(gè)簡(jiǎn)單需求：

1、我想讓頁(yè)面中的一個(gè)盒子從開(kāi)始的位置勻速向右運(yùn)動(dòng)到200px的地方，該怎么實(shí)現(xiàn)？

分析：

1）我們需要知道盒子在哪個(gè)地方，這個(gè)可以通過(guò)offsetLeft屬性去獲??；

2）要讓盒子勻速運(yùn)動(dòng)，對(duì)于js肯定需要setInterval了；

3）要讓盒子向右邊跑起來(lái)？那就是需要不停改變盒子與左邊起始點(diǎn)的距離，有margin-left，還有定位的left，這里我選擇了改變絕對(duì)定位的left；

4）跑到離開(kāi)始點(diǎn)200px的距離我們要停下來(lái)，使用clearInterval就可以了。

接下來(lái)直接上代碼了　　

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文名稱：JS輪播圖中緩動(dòng)函數(shù)的封裝-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/pcocp.html