如果只導入了三張要顯示的圖片，那么從最后一張圖片到第一張圖片都不會有動畫效果通過嘗試在最后一張之后添加與第一張相同的圖片，可以實現(xiàn)循環(huán)效果問題是畫面一直處于切換狀態(tài)，中間沒有停頓。

今天用HTML5做了一個手機APP上的頁面，對于怎樣讓文字和圖片始終能在同一行的問題很是苦惱，經(jīng)多方咨詢終于做出了讓自己滿意的效果，現(xiàn)在就來將分享給大家首先我們先打開自己的DreamWeaver軟件，新建一個html5頁面，然后命名。

3輸入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使圖片隨屏幕大小同步縮放，但是有部分可能會被裁切，不過不至于會露白，下面兩句是為chrome和opera瀏覽器作兼容4輸入back。

制作圖片的放大效果我考慮到的方法是將原始圖片繪制到canvas上，然后在對canvas進行局部裁剪最后對裁剪的部分進行放大，這樣就可以實現(xiàn)放大鏡的效果這里我給出一個實現(xiàn)這個想法的示例該示例實際上就是運用HTML5 canvas中對畫。

1HTML5 3D點陣列波浪翻滾動畫這個HTML5 Canvas動畫非常壯觀，給人一種破浪起伏的視覺效果在線演示 源碼下載2純CSS3實現(xiàn)發(fā)光開關切換按鈕這款按鈕非常有個性，它的外觀酷似以前老式的點燈開關，但是由于其黑色的背景，讓。

position的相對定位與絕對定位，zindex調整層級，都整理好后，調整背景透明度就ok了。