bootstrap插件使用
阿新 • • 發佈:2017-09-08
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插件使用