1. 程式人生 > >bootstrap插件使用

bootstrap插件使用

blog css 分析 init 引入 query 通過 下載 aid

首先,針對導航欄(單頁面導航插件(緩慢跳轉))

引入插件: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/查找。

bootstrap插件使用