1、lt！ ***js代碼*** ltscript type=quottextjavascriptquot var scrollDiv = documentgetElementsByClassNamequotscroll_divquot0 定義初始值 var left =0 定義一個(gè)定時(shí)器 走一步 function move var t；cxtclearRect0， 0， 500， 500x += 1y += 5cxtdrawImageimg， x， y， 80， 80 windowsetIntervaldraw， 100ltscript ltbody lthtml 你把圖片的路徑改為你的圖片路徑就行了；代碼如下lt！DOCTYPE html lthtml ltbody ltcanvas id=quotmyCanvasquot width=quot700quot height=quot550quot style=quotborder1px solid #d3d3d3quot Your browser does not support the HTML5 canvas tagltcanvas ltscript var；我大概理解到了你的意思，是想實(shí)現(xiàn)背景的視覺(jué)差效果吧如果是這個(gè)的話兩種方法，一種是設(shè)置backgroundattachmentfixed背景固定了 另外一種就是利用 animate css3的屬性，想兼容更多的瀏覽器建議用jquery控制感覺(jué)應(yīng)該是你；做一個(gè)逐幀動(dòng)畫(huà)必不可缺的就是需要一張等間距的“動(dòng)畫(huà)分解逐幀圖片png”，之后我們就可以通過(guò)修改 backgroundposition 來(lái)完成一個(gè)“逐幀動(dòng)畫(huà)”當(dāng)然我們也可以通過(guò)設(shè)置特殊的圖片，來(lái)完成一些特殊的效果5CSS3 動(dòng)畫(huà)。

2、使用HTML5畫(huà)布canvas能夠快速實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，基本原理如下每隔一定時(shí)間繪制圖形并且清除圖形，用來(lái)模擬出一個(gè)動(dòng)畫(huà)過(guò)程，可以使用contextclearRect0， 0， x， y方法來(lái)刷新需要繪制的圖形 首先是繪制圖形的方法，如下fu；主要思想\x0d\x0a首先要準(zhǔn)備一張有連續(xù)幀的圖片，然后利用HTML5Canvas的draw方法在不同的時(shí)間間隔繪制不同的幀，這樣看起來(lái)就像動(dòng)畫(huà)在播放\x0d\x0a關(guān)鍵技術(shù)點(diǎn)\x0d\x0aJavaScript函數(shù)setTimeout有兩個(gè)參數(shù)；quot#div_pic ul liquoteqindexanimateleftquot0quot，500 * 下面是可配置輪播動(dòng)畫(huà)代碼 fnslide=functionoptions var defaults= affect1， 1上下滾動(dòng) 2幕布式 3左右滾動(dòng)4。

3、首先，你這個(gè)代碼中最后的setIntervalquotdrawquot， 100應(yīng)該改為setIntervaldraw， 100第一個(gè)參數(shù)應(yīng)該是方法名，雖然你那樣寫(xiě)也會(huì)有效，但強(qiáng)烈建議不要那么寫(xiě)然后你說(shuō)你的代碼只是在屏幕上閃一下，那么你在畫(huà)的時(shí)候；拖放效果所需的知識(shí)點(diǎn)draggable 規(guī)定元素是否可拖動(dòng)，一般情況下鏈接和圖片默認(rèn)是可拖動(dòng)的true規(guī)定元素是可拖動(dòng)的 false 規(guī)定元素是不可拖動(dòng)的 auto使用瀏覽器的默認(rèn)特性 拖放元素時(shí)觸發(fā)的事件 ondragstart；1首先我們創(chuàng)建一個(gè)簡(jiǎn)單的項(xiàng)目，如圖所示包括html，css和img三個(gè)2這里是html文件，引入css和html代碼文件，如圖所示3這里是css文件代碼，上面是div和圖片顯示的效果代碼，后面是動(dòng)畫(huà)效果4這里是事件，這里定義了；lttitlejs無(wú)縫滾動(dòng)制作js文字無(wú)縫滾動(dòng)和js圖片無(wú)縫滾動(dòng)lttitle ltmeta name=quotdescriptionquot content=quotjs無(wú)縫滾動(dòng)制作多種無(wú)縫滾動(dòng)效果js文字無(wú)縫滾動(dòng)和js圖片無(wú)縫滾動(dòng)，直接復(fù)制副本標(biāo)簽js無(wú)縫滾動(dòng)代碼內(nèi)含js代碼下載quot lt；如下圖所示 最終代碼如下 div class=#34J_TWidget scrollnews#34 datawidgettype=#34Slide#34 datawidgetconfig=#34#39contentCls#39#39newsitems#39，#39hasTriggers#39false，#39effect#39#39scrolly#39，#39ea。

4、利用HTML5可以繪制很多靜態(tài)的圖像，也可以制作一些炫酷的動(dòng)畫(huà)，本文分享了8個(gè)利用HTML5和CSS3實(shí)現(xiàn)的動(dòng)畫(huà)演示，同時(shí)也分享了源代碼供大家下載參考1HTML5 3D點(diǎn)陣列波浪翻滾動(dòng)畫(huà)這個(gè)HTML5 Canvas動(dòng)畫(huà)非常壯觀，給人一種破浪；網(wǎng)站循環(huán)滾動(dòng)圖片需要js代碼制作 第一步，可以去相關(guān)的js特效網(wǎng)站下載一個(gè)你所需要的代碼 第二步，用DW修改路徑改為你自己網(wǎng)站的路徑 第三步，把你所做的圖片上傳到空間 第四步，添加代碼路徑及調(diào)用js文件網(wǎng)站保存。