10 個旨在美化網站的 HTML5 滑塊設計

　　現在，網站變得更優雅生動，引入了大量的動畫和活動的內容——這得益於商業設計的創新。幾年前的網頁羞澀無趣，其上面的內容靜止而乏味。因為滑塊的使用這些狀況已然改變。現代風格的設計模式是關於滑塊的：滑塊滑動和頁面過渡增強了網站的完整性感覺，允許你選擇內容進行強調。

　　隨著HTML5、CSS3和jQuery的到來，將滑塊新增到你的站點變得更是相當無壓力。HTML5的滑塊滑動非常容易使用，增添了網頁的活力，使它更引人注目。人們發現你的網站更具互動性、迷人且引人注目。我們已經為你準備好了10個最好的HTML5滑塊來節省你的時間。

　HTML5流響應滑塊

　　這是一個流態的響應式設計，具有自動調整大小進行渲染的能力，以適應父級結構，因此它可以工作於任何型別的網站。

　　CCSlider – jQuery 3d 幻燈片外掛

　　這是一個專業的徹底響應式的jQuery幻燈片外掛，它提供了3D的轉場效果。有14種極好的3D轉場效果，還有16種非凡的2D轉場效果。在你選擇的瀏覽器中，如果3D轉場效果沒有得到強化，就一定可以回到2D的轉變。

　　具有燈箱效果的可拖拽無限網格

　　這是一個流態的響應式的設計，以最佳的方式調整以適應div的寬和高。它的程式碼是乾淨的OOP JavaScript指令碼，不含任何jQuery或其它的庫，所以它能與大多數的HTML頁面相容。

　　帶HTML5音訊和jQuery的全屏幻燈

　　這個能生成非常酷的全螢幕幻燈,在HTML5音訊元件輔助下它可以帶有聲音。Vegas jQuery外掛是用來製作幻燈片的，而音訊是由一個JavaScript音訊庫，Buzz實現的。

　　HTML5老虎機畫廊

　　這個也是流態的，可以自適應父容器的大小。它宣告瞭4種不同的嵌入樣式：全屏，固定畫素，全寬，以及燈箱風格，你可以根據需求選擇一個進行渲染。

　　HTML5幻燈片 w/ Canvas & jQuery

　　這個幻燈片建立於新的HTML5 canvas元件，它可以生成並轉換影象，同時頁面上還能使用其它元件。它是一個可愛的幻燈片，具有一個優雅的和引人注目的轉換效果。

　　HTML5響應式圖片滑塊 

　　這個圖片滑塊包含3個不同的嵌入式風格：全屏式，固定尺寸式和自適應寬度式。它強迫大家以很不正式的XML形式來安裝。並以獨特和令人興奮的方式來展現圖片。

　　CSS3立方體滑塊-jQuery 3D滑塊

　　這個模組採用CSS3的改變屬性的方式來構建3d立方體元件，而且它能優雅的展現出立方體動態效果。同時它也提供自動演示方式，並允許將圖片置於3D空間裡。

　　風格化Google Maps+圖片滑塊

　　這是一個用jQuery JavaScript組成Google Maps的工程。它能將Google Maps用很優雅的方式展現出來。它是一個令人吃驚的圖片滑塊，並能讓圖片在地圖上產生動畫效果。

　　不錯的滑塊-jQuery css3 滑塊

　　這是個令人驚歎的圖片滑塊，它被宣稱有29個很炫的特效，其中有16個是基於CSS3。它在某些方面也有很大的改進，比如有13個普通的，19個CSS3的3D模型，這些模型都是可以按照你的渲染方式改變的。

　　英文原文：10-best-html5-sliders-for-designers-and-developers-to-beautify-their-websites