结合bootstrap在页面上比较实用的插件

以前写页面，在进行本页面跳转的时候，非常生硬，需要使用 javascript 对页面非常费时费力的更改展示效果。

下面，我给大家推荐两款比较好用的插件，恩，是非常好用的插件，对于页面动态效果的实现非常好。

1.  singlePageNav   (引用 jquery.singlePageNav.min.js)

     大家可以下载试试，它是对于点击导航进行缓冲效果的插件，不会特别生硬的跳转，结合bootstrap 的 "navbar" 标签，很实用，不用再进行javascript  写展示效果的代码了

　代码也很简单

    

  /*导航跳转效果插件*/
  /*选取导航的class,初始化一下就行*/
        $('.nav').singlePageNav({
            offset:70
        });

 

  2.  animate.css (引用 animate.css 和  wow.min.js )

      此插件已经在GitHub上了，地址是  https://daneden.github.io/animate.css/ 

      大家可以打开页面，去点击自己想要的的效果

      初始化代码：　　　　

     <script>
          new WOW().init();
     </script>

     

　　其中，有比较重要的四个参数：

　　　　data-wow-duration = "2s" 动画持续时间

                 data-wow-delay = "5s" 动画延迟时间

                 data-wow-offset = "10" 偏移量 距离可视区多远开始执行动画

                 data-wow-iteration = "10" 重复次数

      效果大家可以去我给的网址试一下,选择自己喜欢的效果进行添加