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

引入插件:jquery.singlePageNav.min.js   下载链接:http://pan.baidu.com/s/1jHBaQxg  密码:42a3

为了实现缓慢跳转需要使用的方法为:.singlePageNav(option);   option:为相对于导航的偏移量(向上偏移量),使用对象键值对{offset:70}   该方法为局部方法即针对导航的nav标签的nav类

示例代码:

$(function () {
$(".nav").singlePageNav({
offset:,
});

若有小屏幕导航菜单示例代码为:

  $(".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/查找。

最新文章

  1. SQL Server-聚焦EXISTS AND IN性能分析(十六)
  2. Python爬虫进阶二之PySpider框架安装配置
  3. tyvj1102 单词的划分
  4. linux 添加 service 服务并自动添加 chkconfig 启动级别
  5. OpenSUSE 开启SSH 和网络设置
  6. CabArc to create or extract a cab file
  7. gerrit 使用笔记
  8. STL学习系列一:STL(标准模板库)理论基础
  9. [RxJS] Marble diagrams in ASCII form
  10. SQL Server 连接字符串和身份验证
  11. Web中常用字体介绍(转)
  12. openOffice安装
  13. 微信小程序,超能装的实例教程
  14. 为什么说Java程序员到了必须掌握Spring Boot的时候?
  15. JavaScript对象类型之简单介绍
  16. Python学习笔记,day2
  17. vue--1.环境搭建及创建项目
  18. java 编程思想
  19. git 将主分支的提交合并到分支上(主分支同步到分支)
  20. iOS原生和React-Native之间的交互2

热门文章

  1. 程序运行之ELF 符号表
  2. java 从零开始 第三天
  3. myBatis中使用Map进行遍历
  4. (转)Spring 缓存EhCacheFactoryBean
  5. mysql练习(待补充)
  6. iOS9 - 采用3D Touch
  7. hadoop1.2.1 datanode 由于权限无法启动 expected: rwxr-xr-x
  8. ELK日志分析系统-Logstack
  9. 《程序员代码面试指南》第三章 二叉树问题 Tarjan算法与并查集解决二叉树节点间最近公共祖先的批量查询问题
  10. alpine安装更新