首页 > 学院 > 开发设计 > 正文

wow的使用 页面的切换

2019-11-09 15:26:38
字体:
来源:转载
供稿:网友
<!DOCTYPE html>  <html>      <head>          <meta charset="utf-8" />          <title>wow案例</title>          <link rel="stylesheet" href="CSS/animate.min.css" />          <style type="text/css">              div {                  width: 300px;                  height: 200px;                  border: 1px solid #eee;              }          </style>      </head>      <body>          <!--              animate.css 学习手册:http://daneden.github.io/animate.css/              学习资料:              data-wow-duration:改变动画时间              data-wow-delay:延迟在动画开始之前              data-wow-offset:距离开始动画(浏览器底部)              data-wow-iteration:动画重复的次数          -->          <div class="wow pulse">              wow pulse          </div>            <div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="1s">              wow slideInLeft          </div>            <div class="wow slideInRight" data-wow-offset="10" data-wow-iteration="2">              wow slideInRight          </div>          <script type="text/javascript" src="js/wow.min.js"></script>          <script type="text/Javascript">              //          new WOW().init()              wow = new WOW({                  boxClass: 'wow', // default 盒子类名                  animateClass: 'animated', // default 为animate.css触发css动画的库                  offset: 0, // default 偏移量                  mobile: true, // default 是否支持手机                  live: true // default 检查新元素              })              wow.init();          </script>      </body>  

</html>  http://blog.csdn.net/QQ_19558705/article/details/50364238


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表