bootstrap插件使用

最新推荐文章于 2024-05-30 11:27:58 发布

weixin_34138521

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量83

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wfaceboss/p/7493789.html

版权

首先，针对导航栏（单页面导航插件（缓慢跳转））

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

posted on 2017-09-08 11:39 WFaceBoss 阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/wfaceboss/p/7493789.html

关注