bootstrap插件使用
2024-10-20 05:31:01
首先,针对导航栏(单页面导航插件(缓慢跳转))
引入插件: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/查找。
最新文章
- SQL Server-聚焦EXISTS AND IN性能分析(十六)
- Python爬虫进阶二之PySpider框架安装配置
- tyvj1102 单词的划分
- linux 添加 service 服务并自动添加 chkconfig 启动级别
- OpenSUSE 开启SSH 和网络设置
- CabArc to create or extract a cab file
- gerrit 使用笔记
- STL学习系列一:STL(标准模板库)理论基础
- [RxJS] Marble diagrams in ASCII form
- SQL Server 连接字符串和身份验证
- Web中常用字体介绍(转)
- openOffice安装
- 微信小程序,超能装的实例教程
- 为什么说Java程序员到了必须掌握Spring Boot的时候?
- JavaScript对象类型之简单介绍
- Python学习笔记,day2
- vue--1.环境搭建及创建项目
- java 编程思想
- git 将主分支的提交合并到分支上(主分支同步到分支)
- iOS原生和React-Native之间的交互2