zoukankan      html  css  js  c++  java
  • 前端-个人网页开发最常用的插件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

  • 相关阅读:
    /sbin/nologin 和 /bin/false 的区别
    lesson
    df 命令详解
    课后习题-7 阶段汇总
    javascript Window Navigator
    javascript 正则表达式
    linux crontab 的使用
    linux环境变量
    linux第一个C语言和sh脚本
    linux 文件常用操作
  • 原文地址:https://www.cnblogs.com/suni1024/p/11358526.html
Copyright © 2011-2022 走看看