首先是HTML代碼，非常簡單，列出我們需要渲染的文字ltdiv class=quotfooquot ltspan class=quotletterquot dataletter=quotAquotAltspan ltspan class=quotletterquot dataletter=quotBquotBltspan ltspan class=quotletterquot dataletter。

1點擊屏幕交互 點擊是最常用的手勢，經(jīng)常用于頁面切換點擊引導可以作為注釋，用戶可以理解H5內(nèi)容，使用戶能夠按照H5的節(jié)奏操作例如，在帶上希望的種子去北京中，用戶可以點擊手勢“檢查”行李箱，詳細查看H5設(shè)計的內(nèi)容。

這樣懸停效果展現(xiàn)了網(wǎng)站上獨特的小細節(jié)，用戶不經(jīng)意發(fā)現(xiàn)后，感受到一種趣味交互的體驗4文字懸停動態(tài)效果 下面是網(wǎng)上幾個典型的文字Hover懸停效果，希望能給設(shè)計師一些靈感在實際網(wǎng)站設(shè)計中，很多酷炫的交互效果都出自國外。

互動的，用于廣告營銷的，具有酷炫效果的網(wǎng)頁可以簡略稱為“移動端PPT”H5通俗點就是一種編程語言，H5很早以前就存在，由于微信迅速的崛起，H5語言編寫的界面和微信瀏覽器比較兼容，故此H5借助微信也越來越紅火。

1h5元素本身的位移縮放，控制css屬性即可，leftrighttopbottom，widthheight，另外使用transform可以完成更復雜的變化2透明度屬性可以完成漸隱漸現(xiàn)效果，切換backgroundimage屬性，backgroundcolor屬性3在畫布。