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>

    代码改变了我们,也改变了世界
  • 相关阅读:
    如何配置android的adb环境变量
    react中 如何异步展示后台接口的提示消息
    java doc 相关
    linux 停止多个 进程...
    maven 打包 war 包含 WEB-INF/lib 目录
    对 ArrayList 进行分页.
    docker 磁盘清理 相关
    vue 在 html 中自定义 tag
    docker 限制 容器内存 使用
    mysql 基本语句
  • 原文地址:https://www.cnblogs.com/wencaiguagua/p/13588222.html
Copyright © 2011-2022 走看看