溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

用JavaScript實(shí)現(xiàn)動畫效果(轉(zhuǎn))

發(fā)布時間：2020-08-17 11:15:02 來源：ITPUB博客 閱讀：122 作者：rainytag 欄目：編程語言
大家在使用Dreamweaver中的時間線功能或以做出很有趣的動畫效果，Dreamweaver會自動為用戶生成特定的程序代碼，大家有沒有想過動畫的實(shí)現(xiàn)原理呢？其實(shí)原理是很簡單的，主要是使用了一個計時器函數(shù)，下面我為大家

　　演示一個簡單的動畫的制作過程，通過有關(guān)的介紹，大家可以舉一反三，做出更多很炫的動畫效果。

　　這個實(shí)例的效果是點(diǎn)擊網(wǎng)頁上的“開始移動”按鈕，則其中的指定圖層就會從左到右移動，在這個過程中你點(diǎn)擊“停止移動”按鈕就會停止移動。

　　
　　
　　Javascript Motion Sample

　　

　　
　　
　　


　　
　　
　　
　　
　　
I can moving...

　　

　　


　　
　　

　　　
　　

　　這里主要使用了一個叫setTimeout(function, interval)函數(shù)，這個函數(shù)的參數(shù)格式為：
　　第一個參數(shù)“function”為超時后調(diào)用的函數(shù)名，第二個參數(shù)“interval”為超時值，以微秒為單位。

　　注意一點(diǎn)是如果要停止這個計時器，必須保存調(diào)用這個setTimeout()函數(shù)后的返回值，通過clearTimeout(id)函數(shù)來取消計時器。

[@more@]
向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手