bootstrap插件使用

首先,针对导航栏(单页面导航插件(缓慢跳转))

引入插件:jquery.singlePageNav.min.js   下载链接:http://pan.baidu.com/s/1jHBaQxg  密码:42a3

为了实现缓慢跳转需要使用的方法为:.singlePageNav(option);   option:为相对于导航的偏移量(向上偏移量),使用对象键值对{offset:70}   该方法为局部方法即针对导航的nav标签的nav类

示例代码:

$(function () {
        $(".nav").singlePageNav({
            offset:70,
        });

若有小屏幕导航菜单示例代码为:

  $(".navbar-collapse a").click(function () {

                $(".navbar-collapse").collapse("hide");//折叠隐藏
        });

然后,插件效果的使用

第一步,引用插件

(1)wow.min.js

(2)animate.css

  第二步,需要动画插件初始化

 new WOW().init();//动画插件初始化

 第三步,分析页面上需要使用效果的地方,然后在节点上添加wow+animate方法即可。animate方法通过链接http://daneden.github.io/animate.css/查找。

原文地址:https://www.cnblogs.com/wfaceboss/p/7493789.html