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