码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap插件使用

时间:2017-09-08 13:27:41      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:隐藏   nim   jquer   set   添加   查找   跳转   github   插件   

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

引入插件: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插件使用

标签:隐藏   nim   jquer   set   添加   查找   跳转   github   插件   

原文地址:http://www.cnblogs.com/bfwbfw/p/7493789.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!