bootstrap模板与页面效果插件及使用

bootstrap模板推荐网址：https://bootswatch.com/

1.效果插件

   jquery.singlePageNav.min.js单页面导航插件

  animate.css和wow.min.js这两个插件要配合使用

 插件下载位置：https://pan.baidu.com/s/1anhr9xG_5ZEk4OLcQWtcpQ  提取码：zsm6

2.插件使用

 jquery.singlePageNav.min.js 方法  .singlePageNav();  属性:向上偏移量 offset :20

例：

/*对 类nav 使用该插件
<script>
    $(function(){
    	/*导航*/
    	$('.nav').singlePageNav({
    		offset:60
    	});
    })
</script>

animate.css和wow.min.js

animate.css常见使用效果见网页https://daneden.github.io/animate.css/

wow.min.js  使用js new WOW().init();

                      使用对象添加 class="wow + animate"

                      可用属性：data-wow-duration(动画持续时间)  例：data-wow-duration="2s"

                                          data-wow-delay(动画延迟时间)       例：data-wow-delay="5s"

                                          data-wow-offset(偏移量)          例：  data-wow-offset="10"    偏移量即距离可视区域多远开始执行动画

                                          data-wow- iteration(重复次数)         例：   data-wow- iteration="10"

例：

<script>
   $(function(){
   /*添加动画效果*/
   new WOW().init();
   })
</script>
/*对该div添加效果*/
<div class="row wow bounce" data-wow-duration="2s">
</div>