周大胖子 发表于 2018-5-21 10:32:19

Animate

本帖最后由 周大胖子 于 2018-12-7 23:00 编辑

      第一步 下载animate.css文件
      第二部 引入文件
      第三步 给元素添加animate class名字
          $('.h_pg_img1').addClass('animated bounce infinite').css('animation-duration','2.9s');
      animated是必填的 bounce是动画效果 infinite是无限循环名称 animation-duration是运动时间属性 2.9s是运动的时间

      animate自己定的所有的运动时间为1s,
      
      注意,可以去animate.css文件里看下代码看里面的运动轨迹和移动距离,如何添加的动画效果名字,
      以后你想要啥样的效果就可以自己去修改或者去添加

      剩下的就是在js里控制添加或者删除class名字了

参考文献:https://daneden.github.io/animate.css/
页: [1]
查看完整版本: Animate