前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >bootstrap插件使用

bootstrap插件使用

作者头像
wfaceboss
发布2019-04-08 11:15:02
1.1K0
发布2019-04-08 11:15:02
举报
文章被收录于专栏:wfacebosswfaceboss

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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-09-08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档