jQuery幻灯片由慢到快切换效果

jQuery 的动画功能挺灵活的，做些炫一点的切换效果还蛮有趣。像“由慢突然变快”的幻灯片切换，就是一个有意思的例子。前半段慢慢滑出，后半段刷一下滑入，节奏感十足，看起来挺有冲击力，尤其适合用在首页 Banner 或产品轮播这种地方。

你只要搞定基础的 HTML 结构和 CSS 定位，剩下的事交给 jQuery 的 .animate() 来做就行。用两段动画拼起来，前一段设个慢速，后一段设置快点，中间还能加个 .delay() 稍微停顿下，效果会更自然。想手动切换？加个 .click() 事件就能搞定。

代码量不多，可玩性还挺高。尤其那个叫 texiao303_1560681044 的资源，里面的代码结构比较清晰，HTML、CSS、JS 全套都有，直接上手也不费劲。如果你也正好想整点动感的展示，不妨参考一下，能省不少时间。