• 前端-个人网页开发最常用的插件Superslide 与 swiper


    给初入前端的同学,安利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

  • 相关阅读:
    angular-ui-bootstrap的弹出框定义成一个服务的实践(二)
    分享百度文件上传组件webUploader的使用demo
    display的flex属性使用详解
    数组去重(初识ES6)
    在ng中的select的使用方法的讲解
    安装xamp之后,appach、mysql等问题的总结
    python中string.casefold和string.lower区别
    python3数据类型
    MySQL bin-log 日志清理方式
    python终端颜色设置
  • 原文地址:https://www.cnblogs.com/suni1024/p/11358526.html
Copyright © 2020-2023  润新知