zoukankan      html  css  js  c++  java
  • 轮播

    情况一:
    公告栏轮播:每1s执行一次1-3
    1)step1:将数组第一个push到数组末尾
    2)transform:translateY,改变Y的值到 负数 元素的高度位置,transition:transform 500ms ease,(500ms之后到达负元素高度位置)
    3)500ms之后,将第一个元素删除,先将transform:translateY, 移动都0,然后数组shift,移除第一个元素,
    重复1-3,即可实现轮播滚动,如果想实现没有停顿的轮播,改变时间即可
    情况二:
    公告栏轮播
    1)定义一个变量,初始值为0
    2)每一秒变量加一
    3)计算是不是滚动到头了(当前滚动的条数-当前滚动区域可见条数),如果是,将变量设置为0; 将transform 改变y的值改为0
    4)否则transform 改变y的值,到-元素的高度*num px;

  • 相关阅读:
    Dubbo2.0
    Dubbo--RPC框架
    ActiveMQ消息队列
    quartz开源任务调度框架
    webService
    crud最常用
    springBoot第三天
    springmvc--依赖
    springBoot第二天
    pom.xml和settings.xml的下载优先级
  • 原文地址:https://www.cnblogs.com/Running00/p/13474153.html
Copyright © 2011-2022 走看看