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：动画执行次数