nav滑动插件和animate.css插件的使用

1 nav滑动插件  jquery.singlePageNav.min.js

  ① 先引入jquery, 在引入jquery.singlePageNav.min.js

  ②   使用方法如下：给导航增加 singlePageNav（）方法，里面可以设置偏移量，因为nav本身有高，会遮住一部分

  $(function () {
        /*导航跳转效果插件*/
        $('.nav').singlePageNav({
            offset:70
        });
        /*小屏幕导航点击关闭菜单*/
        $('.navbar-collapse a').click(function(){
            $('.navbar-collapse').collapse('hide');
        });
    })

2 animate.css插件的使用

① 需要引入 wow.min.js 和 animate.css

② 

   $(function () {
        new WOW().init();
    })

③  在需要设置动画的层加上 wow 和 animate 类名

④  动画持续时间：data-wow-duration="1s"                    动画延迟执行时间：data-wow-delay="1s"

      偏移量：data-wow-offset="100"            data-wow-iteration：动画执行次数