C&D

HomeMy BlogjQuery插件 – ResponsiveSlides.js幻灯片插件使用方法与拓展

jQuery插件 – ResponsiveSlides.js幻灯片插件使用方法与拓展

编辑于 2017年02月17日09:02 作者:Xie.z

首先简单介绍一下ResponsiveSlides.js插件, 一款小巧的 jQuery 响应式幻灯片插件,压缩后不到 4KB。它几乎兼容所有浏览器,包括 IE6 以及各种移动设备上的浏览器。不过它的样式比较简单,如果想要更丰富的效果,你可能需要自定义 CSS 与 回调函数。

基础样式与DOM

LINK FILES

Ps:Google的CDN是要翻墙的!请看官自行准备相关知识水平!

HTML

CSS

Options you can customize

其实这个插件已经很强大了 , 通过自行添加回调函数还可以实现更多的效果 ! 比如after:function(){}里add一个css3动画的class , 并且在brfore:function(){}removed,能实现的效果,取决于你的想法 !