英文原文：10 Best HTML5 Sliders For Designers and Developers to Beautify Their Websites

现在，网站变得更优雅生动，引入了大量的动画和活动的内容——这得益于商业设计的创新。几年前的网页羞涩无趣，其上面的内容静止而乏味。因为滑块的使用这些状况已然改变。现代风格的设计模式是关于滑块的：滑块滑动和页面过渡增强了网站的完整性感觉，允许你选择内容进行强调。

随着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模型，这些模型都是可以按照你的渲染方式改变的。
本文中的所有译文仅用于学习和交流目的，转载请务必注明文章译者、出处、和本文链接。 2KB翻译工作遵照 CC 协议，如果我们的工作有侵犯到您的权益，请及时联系我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务