zoukankan      html  css  js  c++  java
  • bootstrap插件使用

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

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

  • 相关阅读:
    着迷英语900句总结
    SQL Server 常见数据类型
    SQL Server视频总结
    第三次SLA文档学习
    Rosetton Stone Summary
    【周总结】2018-10-19—2018-11-25
    学生信息管理系统总结
    VB中 EOF 和 BOF 的区别
    VB中 On error 的用法
    VB中 . 与 ! 的区别
  • 原文地址:https://www.cnblogs.com/wfaceboss/p/7493789.html
Copyright © 2011-2022 走看看