HTML5播放器 jwplayer被大量網(wǎng)站使用 html5media簡(jiǎn)單的h5player，輕量級(jí) jplayerjQueryMarquee跑馬燈效果 quickflip卡片翻轉(zhuǎn)效果 卡片翻轉(zhuǎn)效果2兼容性可以寫transit對(duì)元素進(jìn)行css的變換 tagcanvas3D標(biāo)簽云效果詳細(xì) iconate圖片切換動(dòng)畫 S。

* css3 讓一個(gè)圖片不斷翻轉(zhuǎn)示例代碼 *#gavinPlay* backgroundcolor url x y repeat 圖片來自百度圖片，按需要更換 *backgroundred urlquot。

說HTML5能夠完成js的交互絕對(duì)是忽悠人的，HTML5只是提供了一些交互的API罷了，真正要實(shí)現(xiàn)具體的效果還是要靠JS和CSS例如做一個(gè)最簡(jiǎn)單的焦點(diǎn)圖切換效果，如果不用js，就沒有實(shí)現(xiàn)的可能所以接下來建議你好好學(xué)一學(xué)js。

2精通HTML，CSS，JavaScript，Html5 精通DIV+CSS網(wǎng)頁布局，熟悉W3C網(wǎng)頁標(biāo)準(zhǔn)，具有手寫代碼的能力3理解AJAX運(yùn)作機(jī)制，了解常見JS開發(fā)框架，如prototypejQueryMootools，至少熟練其中一種4對(duì)常見的瀏覽器兼容。

一個(gè)專業(yè)的前端開發(fā)工程師是必須掌握前端開發(fā)三大基本基石HTMLCSS，JavaScript光會(huì)這些還不夠，有了這些語言還需要各種工具的支撐，比較常見的有Dreamweaver，Sublime，HBuilder還有FontelloFontello SecureheadersVisual。

文本效果常用 textshadow設(shè)置文字陰影 wordwrap強(qiáng)制換行 wordbreak css3提出@fontface規(guī)則，規(guī)則中定義了fontfamilyfontweightfontstylefontstretchsrcunicoderange 23D轉(zhuǎn)換 transform向元素應(yīng)用。