slider轮播插件的多种写法

slider轮播插件相信大家经常会用到，写法也是各种各样，大部分都是用的第三方提供的组件使用，如果想基于自己的业务特点封装个组件供自己使用的话就要自己封装组件了，网上看了大部分写法都是通过js控制dom节点位移的方法，这里就不多做介绍了，还有一些用纯css就能完成的写法也提供出来仅供。

1，jquery-slider

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190117163658173.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA2MzMyNjY=,size_16,color_FFFFFF,t_70)

2，css-slider

![在这里插入图片描述]( https://img-blog.csdnimg.cn/2019011716380885.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTA2MzMyNjY=,size_16,color_FFFFFF,t_70)
源码地址：
https://github.com/BothEyes1993/-jquery-css--slider

posted @ 2019-01-17 16:42  双眸  阅读(312)  评论(0)    收藏  举报