zoukankan      html  css  js  c++  java
  • 入场样式

    <a href="#" class="animated">查看更多>></a>

    </script>
    <script>
    function ani(claname, type1, type2) {
    if(($("." + claname).offset().top - $(window).scrollTop()) < $(window).height()) {
    $("." + claname).find("img").eq(0).addClass(type1);
    $("." + claname).find("img").eq(1).addClass(type2);
    $("." + claname).find("img").eq(2).addClass(type2);
    };
    $(window).scroll(function() {
    if(($("." + claname).offset().top - $(window).scrollTop()) < $(window).height()) {
    $("." + claname).find("img").eq(0).addClass(type1);
    $("." + claname).find("img").eq(1).addClass(type2);
    $("." + claname).find("img").eq(2).addClass(type2);
    $("." + claname).find("h3").eq(0).addClass(type2);
    $("." + claname).find("p").eq(0).addClass(type2);
    $("." + claname).find("a").eq(0).addClass(type2);
    };
    });

    };

    ani("content_txt", "bounceInUp", "bounceInUp"); //从下往上
    ani("swiper-slide", "bounceInUp", "bounceInUp"); //从下往上
    ani("content_top", "bounceInUp", "bounceInUp"); //从下往上
    ani("content_c_c", "bounceInUp", "bounceInUp"); //从下往上
    ani("cet_top", "bounceInUp", "bounceInUp"); //从下往上
    ani("content_c_r", "bounceInRight", "bounceInLeft"); //从右往左
    ani("cet_cc_l", "bounceInLeft", "bounceInRight"); //从左往右
    ani("content_c_l", "bounceInLeft", "bounceInRight"); //从左往右
    ani("cet_cc_r_top", "bounceInRight", "bounceInLeft"); //从右往左
    ani("cet_cc_r_bott", "bounceInRight", "bounceInLeft"); //从右往左
    ani("cet_bott_l_top", "bounceInLeft", "bounceInRight"); //从左往右
    ani("cet_bott_l_bott", "bounceInLeft", "bounceInRight"); //从左往右
    ani("cet_bott_r", "bounceInRight", "bounceInLeft"); //从右往左
    ani("con_con_l", "bounceInRight", "bounceInLeft"); //从右往左
    ani("con_bott_r", "bounceInLeft", "bounceInRight"); //从左往右
    ani("cex_bott_bo", "bounceInUp", "bounceInUp"); //从下往上
    ani("con_con_r", "bounceInRight", "bounceInLeft"); //从右往左
    ani("con_bott_l", "bounceInLeft", "bounceInRight"); //从左往右
    ani("end", "fadeInDownBig", "fadeInDownBig") //从上往下
    </script>

    代码改变了我们,也改变了世界
  • 相关阅读:
    【Redis过期Key监听】
    【ElasticSearch】ES线上脏数据处理
    【MySQL】实现线上千万数据表添加字段操作以及缓存刷新
    【转】【堆外内存】堆内内存与堆外内存
    【Redis连接超时】记录线上RedisConnectionFailureException异常排查过程
    【ElasticSearch】ES 读数据,写数据与搜索数据的过程
    【ElasticSearch】shards,replica,index之间的关系
    tomorrow多线程启动
    request接口下载附件
    request接口上传附件
  • 原文地址:https://www.cnblogs.com/wencaiguagua/p/13588222.html
Copyright © 2011-2022 走看看