给初入前端的同学,安利2个轮播图插件 SuperSlide 与 Swiper !
SuperSlide PC端与移动端 的轮播图特效都是分开写2个js插件,而Swiper 基本一个插件可以写PC端与移动端的所有特效。
刚刚开始学习前端的同学,个人建议 先接触 SuperSlide ,这个上手快。而且特效大部分都是PC端,其实网页开发,PC端与移动端原理差不多,只是屏幕大小的问题。
SuperSlide 、Swiper 现在可以写自适应轮播图。
SuperSlide 写传统行业的官网 是完全OK的,写个轮播图,下拉菜单,Tab栏切换,基本插件都有demo,拿来稍微改装一下即可使用。当然改装时,需要考一下 该同学的CSS功底了,为什么 左右箭头定位到 轮播图 外时,消失不见了?大多都是 SuperSlide 最外层 的 div 写了 overflow:hidden 样式,消除即可。
我用SuperSlide 给客户写了3、4个自定义他们公司官网;这个插件就玩的差不多了,基本传统行业公司的网站大部分都一样,轮播图,Tab栏 完了。
SuperSlide 是可以 图片懒加载的,需要设置 一下JS参数;
Swiper,基本也满足日常网页的开发,但是它的移动端特效是做的不错,做一个移动端活动单页纯展示类型的。特效可以的很酷,下拉式滑动,滑动时左右动画。
个人开始SuperSlide 用的多些,觉得容易操作些吧!
附上它们的网址
www.superslide2.com
www.swiper.com.cn