首先,针对导航栏(单页面导航插件(缓慢跳转))
引入插件: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/查找。